角度路由器链接到路径

Question

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

目前我有这个：

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

但它把我带到了一条错误的路线上。

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

Answer 1

您能提供路由模块吗？

无论如何，

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

{ path: 'route/:id', component: SomeComponent}(有或没有"路线"，你都知道(

路由器链路看起来像

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

Answer 2

您想要的是向routerLink添加动态值。语法如下，您可以根据需要传递任意多个参数。

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

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

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

来自官方文件：

您可以使用动态值来生成链接。对于动态链接，传递一个路径段数组，后跟每个段的params。例如，['/team'，teamId，'user'，userName，{details:true}]生成指向/team/11/user/bob的链接；details=true。

https://angular.io/api/router/RouterLink