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路由文件？

Answer 1

试试这个

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

Answer 2

此路由器链接对我有用 [routerLink] =“ ['/ edit'，element.ID]”

我在以下使用它：

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

谢谢！

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

2 个答案: