RouterLink- angular2，子路由和查询字符串

Question

角2,

如何向这种格式的嵌套路由添加查询查询？

这在 ts 文件中有效：

routerLink = ['/output', {outlets: {'output': ['details']}}] 

http://localhost:4200/#/output/(output:details)

如何修改以添加查询参数？ URL 应该是这样的：

    http://localhost:4200/#/output/(output:details;id=1)

Answer 1

您可以像这样将参数作为对象传递给 URL 段：

router.navigate([
     '/inbox', 33, {details: true}, 'messages', 44, {mode: 'preview'}
])

所以在你的情况下它会像这样：

routerLink = ['/output', {outlets: {'output': ['details', {id: 1}]}}] 
                                                           ^^^^^

这将生成 URL:

/output/(output:details;id=1)

RouterLink- angular2, child route and a query string