javascript - 以 Angular 6 访问动态 URL 参数

Question

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

localhost:4200/client/xyz

应用程序路由.ts

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

应用程序组件.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']

如果还有问题，请告诉我