如何在角度模块中定义层次结构路由

Question

如您所知，以角度创建层次结构路由，我们定义一个类似于下面的列表：

const crisisCenterRoutes: Routes = [
  {
    path: 'crisis-center',
    component: CrisisCenterComponent,
    children: [
      {
        path: '',
        component: CrisisListComponent,
        children: [
          {
            path: ':id',
            component: CrisisDetailComponent
          },
          {
            path: '',
            component: CrisisCenterHomeComponent
          }
        ]
      }
    ]
  }
];

此外，我们在组件模板的每个级别使用router-outlet作为容器，以呈现相应的组件。

假设每个级别的路由已在各个模块中定义，并且所有模块都在父模块中导入。

如何定义上述路由层次结构以及在每个模块中使用多个路由器出口？

Answer 1

我正在使用lazy-lading来定义项目中的层次结构路由，其中​​所有组件都分离到单个模块，但它不起作用。我自己编写了Webpack配置来创建捆绑包。问题是我没有在Webpack中使用这个加载器：

angular-router-loader

As described，必须将angular-router-loader添加到typescript loader。