角度路由器链接到路径

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 的链接。