angular - 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

我会说不。

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