当子路由以角度4发生时，父组件被移除

Question

我正在我的应用程序中处理子路线，如下所示。

在这个常量部分中，即使发生子路径也应始终存在。我在这里制作的代码示例。当我点击页面时，常量部分被删除。我如何制作总是，我需要相同的文件夹结构。我不想移动<app-constant></app-constant> app html文件。

https://stackblitz.com/edit/angular-4-childrouting-issue?file=index.html

Answer 1

你在这里创建了三个同一级别的路由，所以实际上没有子路由。您的forChild（路由）只是从其他模块导入路由的一种方式。

这是您创建子路线的方式

  { path: ''      ,
    component:  DefaultComponent,
    children: [
       { path: 'page1', component: Page1Component},
       { path: 'page2', component: Page2Component}
    ]
  },

您当前的路由器插座适用于父级别， 你需要在DefaultComponent

中使用第二个路由器插座

<app-constant></app-constant>
<router-outlet></router-outlet>
<app-landing></app-landing>