Angular 4中具有根路由器插座的嵌套路由

Question

我在Angular 4应用程序中使用嵌套路由。它们的结构如下：

routes = [
  {
    path: 'parent',
    component: ParentComponent,
    children: [
      {
        path: 'child',
        component: ChildComponent,
        children: [
           path: 'grandchild',
           component: GrandchildComponent
        ]
      }
    ]
  }
]

我在app.component.html中定义了一个路由器插座。

当我导航到父母/孩子的时候。路由，此设置正常，路由器插座加载ChildComponent。

然而，当我导航到父母/孩子/孙子的时候。路由，GrandchildComponent没有加载。

这似乎适用于子组件中的辅助路由器插座，但有没有办法可以让GrandchildComponent在根路由器插座上加载，而不需要辅助路由器插座？

Answer 1

我会说不。

如果你想在根插座中加载孙子，那么它不是孙子，它是祖父母！当您有嵌套路由时，您需要具有嵌套出口。