Angular 角度布线-如何在布线路径中使用正向斜线

Angular 角度布线-如何在布线路径中使用正向斜线,angular,angular2-routing,Angular,Angular2 Routing,如何在有角度的路线中使用带有前斜线的路径 在英雄教程的基础上,我有: { path: 'detail/:path', component: HeroDetailComponent }, 路径是动态的。可能是 a/b a/b/c a/d/e/f 等等。关键是我不知道路径有多深,也不知道各个路径部分的名称 在HTML中,它的用法如下 <a routerLink="/detail/{{hero.path}}"> {{hero.path}} </a> 最终目标是Ang

如何在有角度的路线中使用带有前斜线的路径

在英雄教程的基础上,我有:

{ path: 'detail/:path', component: HeroDetailComponent },
路径是动态的。可能是

a/b
a/b/c
a/d/e/f
等等。关键是我不知道路径有多深,也不知道各个路径部分的名称

在HTML中,它的用法如下

<a routerLink="/detail/{{hero.path}}">
   {{hero.path}}
</a>
最终目标是Angular服务将中的路径用作服务器请求中的URL查询参数

我在routerLink中尝试了几个硬编码的值,以确保如果我只是传递一个没有任何斜杠的值,代码就可以工作

我在这里尝试了这个建议,但没有成功:

我发现它似乎描述了我的问题,并声称它已在2016年修复。其他一些人则声称,2017年它不起作用


如果有人能给我指出正确的方向,我会很高兴的。谢谢

在HTML中使用属性绑定
[]
而不是插值
{{}

<a [routerLink]="['/detail', hero.path]">
   {{hero.path}}
</a>

{{hero.path}

Gold!非常感谢。
<a [routerLink]="['/detail', hero.path]">
   {{hero.path}}
</a>