为什么ActivatedRoute.queryParams不能在角度上工作？

Question

我在我的角度应用程序中使用路由。

我的路由模块里有一条低空路线。

{
    path: 'user/:name',
    component: UserComponent,
}

我正在使用queryParams of ActivatedRoute从路由中获取名称。这是我的密码。

this.activatedRout.queryParams.subscribe( params => {

  this.user_name = params['name'];

});

但是params还没有定义。请帮帮我。

Answer 1

为了理解，您有一个类似于user/karthik?style=awesome的路由--例如，部分karthik是param :name，而需要style=awesome，(即查询param )，这就是为什么它是undefined。

如果您打算订阅params更改，请使用paramMap，而不是queryParam.。

this.activatedRout.paramMap.subscribe( params => {
 this.name = params['params']['name']
});

或者您可以使用params：

this.activatedRout.params.subscribe( params => {
 this.name = params['name'];
});

Answer 2

应该是params而不是queryParams

this.activatedRout.params.subscribe( params =>{this.user_name = params['name'];});

Answer 3

this.activatedRout.params.subscribe(({name}) => {
    this.user_name = name;
});