angular - Angular 2 中的路径变量

Question

@RouteConfig([
  { path: '/post/:post_id', component: PostComponent }
])

使用这个经典的路由策略 /post/1715 我收到了这个 JSON 数据。

{
  "post_id": 1715,
  "title": "The Post Title",
  "urlTitle": "the-post-title",
  "body": "Blah, blah ... blah"
}

但是如何通过向链接添加 urlTitle 将路由器重定向到 Stackoverflow URL 样式 /post/1715/the-post-title？

Answer 1

@RouteConfig([
        { path: 'post/:id',   component: PostRedirect },
        { path: 'post/:id/:title', component: PostComponent }
])

第一个组件读取 id，然后使用标题重定向到第二个组件。

完整样本:http://plnkr.co/edit/5BSzvpOH2kAfPAUnJj4O?p=preview