Question

我有一个复杂的应用程序，我想在其中加载模块作为延迟加载模块的子模块。

例如，我想要以下路径：

examplemodule 和 new 都是一个模块，每个模块都有自己的routing.config文件。

我的app-routing.module.ts看起来像这样：

const routes: Routes = [
  {
    path: '',
    component: ParentComponent,
    canActivate: [LoginRequiredGuard],
    children: [
      {
        path: '',
        children: [
          {
            path: '',
            component: HomeComponent,
          },
          {
            path: 'examplemodule',
            loadChildren: 'app/my-modules/example/example.module#ExampleModule',
            canActivate: [LoginRequiredGuard],
          },
          {
            // examplemodule2
          },
          {
            // examplemodule3
          },
          {
            path: 'new',
            loadChildren: 'app/new/new.module#NewModule',
            canActivate: [LoginRequiredGuard],
          },
        ],
      },
      ...

NewModule的new.routing.ts文件如下所示：

const routes: Routes = [
  {
    path: '',
    redirectTo: 'new',
    pathMatch: 'full'
  },
  {
    path: 'new',
    component: NewViewComponent,
  },
];

正如我目前所做的那样，我得到了“找不到资源”。

例如，我不要以下路线：

https://localhost:8080/ui/ 示例模块 / 新

https://localhost:8080/ui/ examplemodule2 / 新

https://localhost:8080/ui/ 示例模块3 / 新

我在做什么错？我希望我可以理解地解释它。

Answer 1

我认为您需要从NewModule内部加载ExampleModule

因此，从应用模块路由中删除您的new路径，并将此位添加到ExampleModule的路由中

const routes: Routes = [
{
    path: '',
    component: YourParentComponentForExampleModule,
    children: [
      {
        path: '',
        children: [
          //All your other paths here
          //...
          {
            path: 'new',
            loadChildren: 'app/new/new.module#NewModule',
            //canActivate: [LoginRequiredGuard], //You probably don't need it as it's already there on parent module
          },
        ],
      },
  ...

Angular Router：将模块作为延迟加载模块的子级加载

1 个答案: