一个 angular 模块可以有多个路由模块吗？

Question

我想在我的应用程序中创建一个基于条件的路由。就像对于一种情况遵循一个路由，对于第二种情况遵循第二个路由模块。是否有可能做到这一点？或 angular 模块与路由模块严格一对一映射。 我从有关这方面的可用信息量猜测，这是不可能的，那么实现相同结果的最佳方法是什么？

 <div *ngIf="ifRouting1">
    <router-outlet1></router-outlet1>
 </div>
<div *ngIf="!ifRouting1">
    <router-outlet2></router-outlet2>
</div>

Answer 1

可以，但您必须使用 name 属性命名您的 router-outlet，而不是直接在应答器中命名：

<div *ngIf="ifRouting1">
    <router-outlet name='child1'></router-outlet>
 </div>
<div *ngIf="!ifRouting1">
    <router-outlet name='child2'></router-outlet>
</div>

而且你必须像这样更新你的路线：

{
    path: 'home',
    component: 'appComponent',
    children: [
        { path: '', component: childOneComponent, outlet: 'child1' },
        { path: '', component: childTwoComponent, outlet: 'child2' }
    ]
}