如何使用路由器链接指向看起来像这样的路线' / users /:id / messages'?

时间:2015-11-06 01:56:12

标签: angular angular-new-router

在我看到的新组件路由器的所有示例中,ID始终位于路径的末尾,如下所示:

@RouteConfig([
    {path: '/email/:id', component: email, as: 'email'},
])

您需要像这样的路由器链接才能访问它:

<a [router-link] = "['./email', {id:1234}">Emails</a>

我的问题是,如果我的路线具有以下格式,我将如何编写路由器链接?

@RouteConfig([
    {path: '/user/:id/messages', component: email, as: 'email'},
])

当我在地址栏中手动输入&#39; / user / 1234 / messages&#39; 时,我可以成功访问该页面。但我似乎无法弄清楚路由器链接格式会做同样的事情。

1 个答案:

答案 0 :(得分:0)

@brandonroberts回答了这个问题HERE。基本上,路由器链接将尝试通过它的名称查找路由。

@RouteConfig([
    {path: '/user/:id/messages', component: email, as: 'Email'},
])

因此,在上面的示例中,名称为电子邮件。所以路由器链接必须这样写:

<a [router-link] = "['./Email', {id:1234}">Emails</a>

因此,路由器链接将查找名为“电子邮件”的路由,一旦找到它,就会填写参数。

感谢布兰登的帮助!