javascript - Angular 6 将参数传入 URL

Question

所以我有一个 Angular 应用程序，它目前有一个像“urlname/stockdata”这样的路由。我希望能够将股票代码传递到该 URL，例如“urlname/stockdata/AAPL”。我的应用程序正在使用该符号调用第三方 API。你们对我如何做到这一点有什么建议吗？任何帮助表示赞赏。谢谢

Answer 1

您可以使用如下参数声明路由:

export const routes: Routes = [
  { path: 'urlname/stockdata/:id', component: MyComp}
];

在模板中创建链接:

<a [routerLink]="['/urlname/stockdata', id]">MyLink</a>

或从 .ts 导航:

 this.router.navigate(['/urlname/stockdata', id]);

然后你可以阅读它:

constructor(private route: ActivatedRoute) {}

this.route.params.subscribe(params => {
  this.id = params['id'];
});