如何在Angular 8中的路线上加载模块？

Question

我想导入我在应用程序中创建的模块，以将其加载到具有其自身路由的特定路由上

Answer 1

从Angular 8开始，导入子路由的新方法是这样的：

{path: "user", loadChildren: () => import("./users/user.module").then(m => m.UserModule)};

Angular 团队这样做是为了与下一个 ES 更加一致，并且 IDE、webpack 等也可以理解这一点。

Answer 2

您需要Routes.forChild(routes)在自定义模块的.module.ts文件中

然后在主路由中延迟加载模块

import { CustomModule } from 'your-path'
const routes: Routes = [
  { 

      path: 'your-path', loadChildren: () => CustomModule

  }
];

Answer 3

奥梅尔说的是正确的，但我也是为了有选择而回答。

如果您愿意，也可以这样做：

import { CustomModule } from 'your-path'
const routes: Routes = [
  { 

      path: 'your-path', loadChildren: 'src/app/path/to/your/module/custom.module#CustomModule'
  }
];