如何仅更改辅助：Angular2 Router@3（符拉迪沃斯托克）中的插座

Question

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

我想要的基本上是从：

/users

至

/users(aux:/user:12345)

（12345 将是此处的用户 ID。）

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

我如何通过 [routerLink] 属性 link，以及如何通过手动调用 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'}}]);

How to change only the aux: outlet in Angular2 Router@3 (Vladivostok)