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

时间:2017-06-15 14:58:54

标签: angular

我正在寻找一种通过使用名称来导航到我的应用程序路由的方法,例如Angular UI Router。

例如:

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,我只需编辑路由配置文件,而不是编辑包含指向我的详细信息的链接的所有模板路由。

有可能吗?

谢谢, 诉

1 个答案:

答案 0 :(得分:0)

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

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