是否可以在同一个routerLink中导航主插座和命名插座?我尝试过不同的组合,似乎没什么用 .

app.routing.ts

{ 
  path: 'test', 
  component: RedComponent,
},
{
  path:'test',
  component: RedComponent,
  outlet: 'header1'
},
{
  path:'test',
  component: RedComponent,
  outlet: 'header2'
},

app.component.html

<div>
Header:
  <router-outlet name="header1"></router-outlet>
</div>
<div>
Header2:
  <router-outlet name="header2"></router-outlet>
</div>
<div>
Main:
<router-outlet></router-outlet>
</div>

这将路由指定的出口,但您如何导航主要出口?

<a [routerLink]="[{ outlets: { header1: ['test'], header2: ['test'] } }]">Outlet Nav</a>

这个stackblitz设置得很好 . 如果单击 Main outlet nav ,您将看到主方块变为红色 . 您可以单击 Outlet nav 并更改指定的出口 . 你怎么能同时打开两条路线?

https://stackblitz.com/edit/angular-router-outlets