是否可以在同一个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
并更改指定的出口 . 你怎么能同时打开两条路线?