时间戳

首页 > 解决方案 > 如何使用 LazyLoading 在 Angular 路由中对一个模块中的不同路径进行分组？

angular - 如何使用 LazyLoading 在 Angular 路由中对一个模块中的不同路径进行分组？

问题描述

我有一个带有 LazyLoading 的 Angular 应用程序，并且希望将所有类似的页面分组到具有特定路由的一个模块内，并且不知道如何正确执行。例如，我有/new-project一页和几/projects...页。现在我的 App-Routing 看起来像这样：

{
  path: 'new-project',
  loadChildren: () => import('@pages/new-project/new-project-page.module').then(m => m.NewProjectPageModule)
},
{
  path: 'projects',
  loadChildren: () => import('@pages/projects/projects-page.module').then(m => m.ProjectsPageModule)
},

在里面ProjectsPageModule我创建了路线：

RouterModule.forChild([
  {
    path: '',
    component: MainLayoutComponent,
    children: [
      {
        path: '',
        component: ProjectsPageComponent,
      },
      {
        path: ':id',
        component: ProjectPageComponent,
      },
      {
        path: ':id/edit',
        component: ProjectEditPageComponent,
      },
    ]
  }
]),

有没有办法在/new-project不改变我的路径的情况下将页面移动到 ProjectsPageModule 中？或者以某种方式处理/new-project当前路径ProjectsPageModule？

标签： angularrouteslazy-loading

解决方案

推荐阅读