Fetching param in angular2

Question

My goal is to fetch username from a url

Inside app.routing I have route export const routes: Routes = [
{ path: 'dashboard/:username', component: App } ];

inside appp component I'm trying to fetch this username using

let username = this.route.snapshot.queryParams["username"];

My browser is using localhost:91/dashboard/john

username is always undefined.

Aravind · Accepted Answer · 2018-01-16 08:57:12Z

1

You should be using it as params

let username = this.route.snapshot.params["username"];

answered Jan 16, 2018 at 8:57

Aravind

41.7k16 gold badges97 silver badges111 bronze badges

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

1 Comment

Happy to help you

Mihai Alexandru-Ionut · Accepted Answer · 2018-01-16 08:57:55Z

1

You don't need to use queryParams here. This is useful when you have something like this:

localhost:91/dashboard?username=john

Just use params property.

this.route.snapshot.params["username"];

I suppose you declared route in following way:

{ path: 'dashboard/:username', component: SomeComponent}

answered Jan 16, 2018 at 8:57

48.6k14 gold badges106 silver badges132 bronze badges

Léo R. · Accepted Answer · 2018-01-16 08:58:12Z

0

Try this :

this.route.snapshot.params['username']

Instead of queryParams

answered Jan 16, 2018 at 8:58

Léo R.

2,7121 gold badge13 silver badges23 bronze badges