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>