无法从嵌套路由以名为出口的 Angular 路由器根目录为目标

Question

这是我的plnkr。我正在尝试从嵌套路由中定位名为出口的根。现在看来不可能。例如，这是我的模板：

<router-outlet></router-outlet>
<router-outlet name="outer-outlet"></router-outlet>

这是我的路由配置：

{
path: '',
component: MainComponent,
children: [{
path: 'inner-outlet',
children: [{
path: '',
outlet: 'inner-outlet',
component: ModalComponent
}, {
path: 'outer-outlet',
children: [{
path: '',
outlet: 'outer-outlet',
component: ModalComponent
}]
}]
}

如果我导航到/inner-outlet将显示ModalComponent。但是，如果我导航到/outer-outlet，ModalComponent将不会显示。

Answer 1

这不起作用，因为您的两条路线都使用主(未命名(插座，因此它将在此插座内搜索外层插座。

您需要创建使用外出口的第二个父路由。