Angular 2中的路径变量

时间:2016-12-28 19:32:29

标签: angular angular2-routing

@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"
}

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

1 个答案:

答案 0 :(得分:7)

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

第一个组件读取id,然后重定向到带有标题的第二个组件。

完整示例:http://plnkr.co/edit/5BSzvpOH2kAfPAUnJj4O?p=preview