cant get the param route angular 6

Question

I'm trying to get the [param] from url, and get some information throw a service with this param, and then (ONLY then) go to another page.

Chome URL: http://localhost:4200/login/asd

appmodule:

{ path: 'login/:token', component: AppComponent},

appcomponent.ts

ngOnInit() {

this.sub = this.route.params.subscribe(params => {
  this.usr = params['token']; 
  console.log(this.usr); //THIS KEEP GETTING UNDEFINED

});
}

That usr keeps getting undefined, dont know why... Some idea? Thanks.

I tryied things like this:

this.sub = this.route.params.subscribe(params => {
  if (!params['token']) { 
    console.log('NO token'); //GOES HERE EVERYTIME
     }
  this.token = params['token'];
  console.log(this.token);
});

It gets out in 'NO token' every single time.. Something wrong with the url maybe?

you have private route: ActivatedRoute in the constructor right? just to make sure — Nuno Sousa
– Nuno Sousa, Commented Jan 12, 2019 at 20:03
Please, test this url, just to be sure: localhost:4200/login/40 — Thomaz Capra
– Thomaz Capra, Commented Jan 12, 2019 at 20:26
Same result Sir. Keep getting undefined. I dont understand why.. I used params in other places and works just fine.. — Luis Matias Pierdona
– Luis Matias Pierdona, Commented Jan 12, 2019 at 20:29

Thomaz Capra · Accepted Answer · 2019-01-12 21:03:12Z

4

There is another question opened that describes your issue. This is related to ActivatedRoute state outside of arouter-outlet, in your case I believe you don't have it.

I did a test in stackbliz where you can see it working with router-outlet, but to do this I had to change the router path to another component(The AppComponent is the root component, so I did not use it).

Here is the stackblitz example:

https://stackblitz.com/edit/angular-izk361

And here much more info about this problem.

Angular 2 Activatedroute params not working in Service or outside <router-outlet>

answered Jan 12, 2019 at 21:03

Thomaz Capra

1,08312 silver badges25 bronze badges

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

1 Comment

Luis Matias Pierdona Over a year ago

YES SR! You were right. For some reason the params dont work outside the router-outlet. I move the login to other component, and get the params correctly. Thank you!

Collectives™ on Stack Overflow

cant get the param route angular 6

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related