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

Question

我在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?

- Protagonist

---

你尝试过使用 [routerLink] = "['/user/' + id]" 吗？ - yurzui

Answer 1

试一试

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

- Tiep Phan

Answer 2

这个路由链接对我有用

[routerLink]="['/edit', element.ID]"

我在以下地方使用它：

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

谢谢！

- LBarton