Angular 用于并排显示的命名路由器出口-带子路由
我的应用程序模块中有一个次级路由器插座,如下所示Angular 用于并排显示的命名路由器出口-带子路由,angular,angular-material,router,angular-module,router-outlet,Angular,Angular Material,Router,Angular Module,Router Outlet,我的应用程序模块中有一个次级路由器插座,如下所示 <router-outlet></router-outlet> <==== PRIMARY <mat-sidenav-container> <mat-sidenav mode="over"> <router-outlet name="side"></router-outlet> <=== SECONDARY
<router-outlet></router-outlet> <==== PRIMARY
<mat-sidenav-container>
<mat-sidenav mode="over">
<router-outlet name="side"></router-outlet> <=== SECONDARY NAMED OUTLET
</mat-sidenav>
</mat-sidenav-container>
刚才读了一篇关于解释子路由和命名路由之间的区别的答案,我自己也很困惑。所以在我的例子中,功能模块不是问题
上面说,,
子路由用于应显示在其他模板中的路由
命名路由用于应显示为另一个模板的同级的路由,例如并排显示
就我而言
我在我的应用程序组件中定义了2个并行插座(作为同级)。但希望功能模块的子级在同级内部呈现
关系冲突 刚才读了一篇关于解释子路由和命名路由之间的区别的答案,我自己也很困惑。所以在我的例子中,功能模块不是问题
上面说,,
子路由用于应显示在其他模板中的路由
命名路由用于应显示为另一个模板的同级的路由,例如并排显示
就我而言
我在我的应用程序组件中定义了2个并行插座(作为同级)。但希望功能模块的子级在同级内部呈现
关系冲突
@NgModule({
RouterModule.forChild([
{
path: "orders",
component: OrdersComponent,
children: [
{
path: "add",
component: AddOrderComponent,
outlet: "side", <=== SAYING PATH TO USE SECONDARY OUTLET DEFINED IN APP MODULE
},
]
},
])
})
export class OrdersModule {}
<a [routerLink]="['../orders',{outlets: { side: ['add']}}]">
Add New Order
</a>