How to avoid input parameters appended to the browser url in angular2 routing?

Question

In the routing, when we pass some value as paramters from one component to another, the passed parameters values gets appended to the browser url... is there any way it can be avoided?

In the example from snapshot attached "Administrator" is the username which I am passing from home.ts component

My routing is as follows

[![export const routes: RouterConfig = \[
    { path: '', component: Login },
    { path: 'login', component: Login },
    { path: 'Home/:userName', component: Home },
    ...HOME_ROUTER_PROVIDERS
    }
\]

export const HOME_ROUTER_PROVIDERS: RouterConfig = \[
    {
        path: 'Home/:userName',
        component: Home,
        children: \[

            { path: 'Dashboard1', component: Dashboard1 },
            { path: 'Dashboard2', component: Dashboard2 },
            ....
    }
\]][1]][1]

My home.ts where I do the navigate.route to pass the parameters

export class Home {
        userName: any;
        constructor(private activatedRoute: ActivatedRoute) {
            console.log("In constructor of Home");
            activatedRoute.params.subscribe(params => {
                this.userName = params['userName']
            });
        }
    }

The routers job is to reflect the state to the browsers URL bar and the URL to the state. If you don't wan't parts of it reflected in the URL bar, then don't maintain this state using the router. In addition to @MadhuRanjan s answer see angular.io/docs/ts/latest/cookbook/… — Günter Zöchbauer
– Günter Zöchbauer, Commented Aug 19, 2016 at 5:07

Madhu Ranjan · Accepted Answer · 2020-08-31 18:26:32Z

2

you may create a UserService using it in your Login component you may set some variable which decides if the logged in user is administrator or not.

And when your Home component is routed you may read role value from UserService and do stuff using the value.

edited Aug 31, 2020 at 18:26

answered Aug 18, 2016 at 20:29

Madhu Ranjan

18k7 gold badges65 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

P. Nabin Over a year ago

This will cause error when refreshing a browser. How can we avoid that situation?

user1767316 Over a year ago

A general answer to the title of the question migth be found here stackoverflow.com/questions/46377565/…

Collectives™ on Stack Overflow

How to avoid input parameters appended to the browser url in angular2 routing?

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related