在angular 6中访问动态URL参数

Question

在我的angular 7代码中，我试图获取在URL中传递的clientId。 clientId将是动态的。

localhost:4200/client/xyz

app.routing.ts

 {
  path: 'client/:clientId',
  component: AppComponent
 },

app.component.ts

constructor(private route: ActivatedRoute) { }

ngOnInit() {
   console.log(this.route.snapshot.paramMap.get('clientId'));
});

它将在控制台中显示null

Answer 1

您可以使用此方法获取路线参数

this.route.params.subsribe(params => {
  console.log(params['clientId'])
});

或

this.activateRoute.snapshot.params['clientId']

请让我知道您是否仍然有问题

Answer 2

使用params代替paramMap，

console.log(this.route.snapshot.params['clientId']);