Angular2路由器集于一身

Question

我用/ main / item这样的路由器编写Angular2应用程序。 应用程序有很多过滤器表/树/组合框。 我想在/ main页面中打开引导程序模式窗口（例如，调用@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>

我还没有尝试过