如何只改变Angular2 Router @ 3（符拉迪沃斯托克）中的aux：outlet

Question

我有一个用户表。当我点击一个用户时，我想要一个带有一些数据的模态。如何仅为辅助路由器触发路由更改？无论如何，我怎么会这样做呢？

我想要的主要是来自：

/users

到

/users(aux:/user:12345)

（12345将是这里的userId。）

最好我想在没有页面重新加载的情况下导航，当然：）

如何通过[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'}}]);