Angular 2：如何使用 [routerLink] 提供插值答案

【问题标题】：Angular 2: How to provide interpolation with [routerLink]Angular 2：如何使用 [routerLink] 提供插值
【发布时间】：2017-02-08 03:16:36
【问题描述】：

我以这种方式在 routing.ts 文件中定义了路由。

const routesapp: Routes= [
{path:'user/id', component:UserComponent}
];
export const:routing ModuleWithProviders = RouterModule.forRoot(routesapp, {useHash:true});

在 HTML 中

<li class ="Some class">
    <a href= "#/user/{{id}}"> Link </a>
</li>

如何将其转换为与 [routerLink] 一起使用？从之前的帖子中我了解到我们不能使用 [routerLink] 添加插值，即 [routerLink] = ['user/{{id}}']

我只想在 HTML 中添加插值，我无法在路由文件中添加它。另外，如何覆盖 HTML 中路由文件的 useHash？

【问题讨论】：

你试过[routerLink] = "['/user/' + id]"吗？

标签： angular angular2-routing

【解决方案1】：

试试这个

<li class ="Some class">
    <a [routerLink]="['user', idVariable]">Link </a>
</li>

【讨论】：

【解决方案2】：

这个路由器链接对我有用 [routerLink]="['/edit', element.ID]"

我在下面使用它：

<a href="javascript: void(0);" [routerLink]="['/edit', element.ID]" 
routerLinkActive="router-link-active" > {{ element.RequesterName }}</a>

谢谢！

【讨论】：