Angular2路由器在一个组件中答案

【问题标题】：Angular2 router in one componentAngular2路由器在一个组件中
【发布时间】：2016-06-22 08:48:15
【问题描述】：

我用 /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的内容，不要改变主组件的状态。

所以一个组件必须有自己的路由，不影响父路由和组件。

有可能吗？

【问题讨论】：

【解决方案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>

我还没试过

【讨论】：