名为outlet的Angular router root不能从嵌套路由中定向

Question

这是我的plnkr。我试图从嵌套路由中定位一个名为outlet的root。现在似乎没什么可能的。例如，这是我的模板：

<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

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

您需要创建使用外部插座的第二个父路线。