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

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

我在项目中将所有组件都分离到单个模块的项目中使用了懒惰的梯形图来定义层次结构路由，但是它没有用。 我自己修改了Webpack的配置以创建捆绑包。 问题是我没有在Webpack中使用此加载器：

angular-router-loader

如所述 ，angular-router-loader必须添加到打字稿加载器。