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

Question

您知道要在Angular中创建层次结构路由，我们定义了像Bellow这样的列表：

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

此外，我们在每个组件模板的每个级别中都使用路由器输出作为容器，以渲染相应的组件。

假设每个路由在单个模块和父模块中导入的所有模块中都定义。

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

Answer 1

我在使用懒惰的层次来定义层次结构路由，其中所有组件都与个人的模块分开，但它不起作用。我独自一人用来创建捆绑包。问题是我没有在WebPack中使用此加载程序：

angular-router-loader

如上所述，必须将Angular-Router-Loader添加到打字稿加载器中。