angular - 如何使用 router-link 指向类似于“/users/:id/messages”的路由？

Question

在我为新组件路由器看到的所有示例中，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'},
])

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

Answer 1

@brandonroberts 在这里回答了这个问题。基本上，路由器链接将尝试通过其名称查找路由。

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

所以在上面的例子中，名字是Email。所以路由器链接必须这样写：

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

所以 router-link 会寻找一个名为“Email”的路由，一旦找到，就会填写参数。

感谢布兰登的帮助！