Angular - 与同一路径的子路径关联的两个不同的延迟加载模块

Question

我有这些路线

/items/:id
/items
/items/:id/edit
... etc

我想将我映射/ items /：id / edit的组件放在一个单独的延迟加载模块中，而不是其他路由映射到的组件。

我想这样做是因为与/ items /：id / edit相关联的组件非常繁重，并且调用了许多其他路径不需要的子模块。

理想情况下，我想做这样的配置（不幸的是不起作用）：

@NgModule({
  imports: [
    RouterModule.forRoot([
      { // If the route matches "items/:id/edit", then look inside this module
        path: 'items/:id/edit',
        loadChildren: './items_editor/items_editor.module#ItemsEditorModule',
      },
      { // Otherwise look inside this other one
        path: 'items',
        loadChildren: './items/items.module#ItemsModule',
      },
    ]);
  ],
});

目前，由于我没有找到实现目标的方法，我通过将“items /：id / edit”的路径重命名为“items_editor /：id”来解决这个问题：

@NgModule({
  imports: [
    RouterModule.forRoot([
      {
        path: 'items',
        loadChildren: './items/items.module#ItemsModule',
      },
      {
        path: 'items-editor',
        loadChildren: './items_editor/items_editor.module#ItemsEditorModule',
      },
    ]);
  ],
});

但是，我不喜欢这个更改，因为它们不是REST名称。

Answer 1

这种情况的唯一选择是在路由配置中使用UrlMatcher，并在它的帮助下不要委托items /：id / edit路径到ItemsModule，请参阅https://angular.io/api/router/UrlMatcher详细信息