Question

我需要转到localhost：4200 / route / SOME_PARAMETER，其中SOME_PARAMETER是组件的属性。

目前我有这个：

<a [routerLink]="['/route/${SOME_PARAMETER}']">

但是，这将我带到了错误的路线。

我想我只需要弄清楚语法。

Answer 1

您还可以提供路由模块吗？

无论如何

在路由模块中，您将具有以下语法：

{ path: 'route/:id', component: SomeComponent}（无论您是否知道“路线”，

和routerLink看起来像这样

[routerLink]="'route/' + parameter"（而“参数”将是组件的全局变量。

Answer 2

您要查找的是将动态值添加到routerLink。语法如下，您可以根据需要传递任意数量的参数。

<a [routerLink]="['route',parameter]">

当然，您需要正确设置路由模块。考虑您的示例将是：

[{ path: 'route/:some_param', component: ComponentToBeRendered }]

摘自官方文档：

您可以使用动态值来生成链接。对于动态链接，请传递路径段数组，然后传递每个段的参数。例如，['/ team'，teamId，'user'，userName，{details：true}]生成到/ team / 11 / user / bob; details = true的链接。