angular - 无法获得参数路由 Angular 6

Question

我正在尝试从 url 获取 [param]，并获取一些信息并使用此参数抛出一个服务，然后(仅在那时)转到另一个页面。

主页网址:http://localhost:4200/login/asd

应用模块:

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

应用组件.ts

ngOnInit() {

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

});
}

usr 一直未定义，不知道为什么...一些想法？谢谢。

我试过这样的事情:

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);
});

它每次都以“NO token”形式出现..也许网址有问题？

Answer 1

还有另一个问题描述了您的问题。这与 router-outlet 之外的 ActivatedRoute 状态有关，在您的情况下，我相信您没有它。

我在 stackbliz 中做了一个测试，你可以看到它与 router-outlet 一起工作，但为此我必须将路由器路径更改为另一个组件(AppComponent 是根组件，所以我没有使用它)。

这是 stackblitz 示例:

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

这里还有关于这个问题的更多信息。

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