Angular2路由器在一个组件中

Question

我用像/ main / item这样的路由器编写Angular2应用程序。 应用程序有很多过滤表/树/组合框。 我想在/ main页面打开bootstrap模式窗口（例如调用@component modalFilterWindow）并在此窗口中切换内容，如路由器。

我可以像

那样做

<first-filter-content ngIf="currentFilter=='first'">
<second-filter-content ngIf="currentFilter=='second'">
....

但它可以变得更漂亮

...modal window
<router-outlet></router-outlet>

按路由切换modalFilterWindow内容，不要改变主要组件的状态。

因此，一个组件必须拥有自己的路由器，不会影响父路由器和组件。

有可能吗？

Answer 1

您可以定义路线以显示已命名的<router-outlet>

中的组件

路线配置

{path: '/chat', component: ChatCmp, outlet: 'aux'}

命名路由器插座

<router-outlet name="aux">

导航辅助路线

this._router.navigateByUrl("/crisis-center(aux:chat;open=true)");

似乎还不支持从routerLink导航辅助路由

<a [routerLink]="['/team/3(aux:/chat;open=true)']">Test</a>

我还没有尝试过这个