Angular2路由器:按路由名称而不是URL模式导航

Question

我正在寻找一种通过使用名称导航到我的应用程序路由的方法，就像 Angular UI 路由器一样。

例如：

const routes = [ { path: '/detail/:id', name: 'userDetail', component: DetailComponent } ]

<a [routerLink]=['userDetail', {id: user.id}]>Detail</a>

而不是：

<a [routerLink]=['/detail', user.id]>Detail</a>

这样，如果我想将路径从/detail/：id 更改为/user/：id，我只需要编辑我的路由配置文件，而不是编辑包含指向我的详细路由链接的所有模板。

可能吗？

谢谢五.

Answer 1

这就是我在角度 4 中实现它的方式，我认为它在 2 中的工作方式相同。

<button class='button' routerLink='"acquisition" + {{someValue}}'>