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

发布时间：2020-12-17 07:17:56 所属栏目：安全来源：网络整理

导读：我以这种方式在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

我以这种方式在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？

试试这个

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!