Question

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

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

Answer 1

有可能，但是您必须使用router-outlet属性命名name，而不是直接在balise中命名：

<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' }
    ]
}

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

1 个答案: