angular - 如何仅更改 aux : outlet in Angular2 Router@3 (Vladivostok)

Question

我有一个用户表。当我点击一个用户时，我想要一个包含他们的一些数据的模式。如何仅触发辅助路由器的路由更改？无论如何，我首先要怎么做？

我想要的基本上是从:

/users

到

/users(aux:/user:12345)

(12345 将是此处的用户 ID。)

我当然希望在不重新加载页面的情况下进行导航:)

我如何通过 [routerLink] 属性链接到它，以及如何通过手动调用 router.navigate？

Answer 1

您的路由器配置:

...
{ path: 'user/:id', component: UsersComponent, outlet: 'aux' }
...

使用 routerLink:

<a [routerLink]="[{ outlets: { 'aux': ['user', '12345'] } }]">
  Component Aux
</a>

来自组件:

this.router.navigate([{outlets: {aux: 'user/12345'}}]);