如何在 Angular 8 中的路由上加载模块？ [关闭]答案

【问题标题】：How to load modules on a route in Angular 8? [closed]如何在 Angular 8 中的路由上加载模块？ [关闭]
【发布时间】：2020-01-20 08:55:37
【问题描述】：

我想导入我在应用程序中创建的模块，以加载到某个路由上，该路由内部有自己的路由

【问题讨论】：

你能对这个问题提供更多解释吗？
你说的是共享模块吗？我建议您浏览一次 Angular 2+ 文档。
添加到@SagarKhatri 还可以查看延迟加载的模块：angular.io/guide/lazy-loading-ngmodules

标签： javascript angular angular-routing angular-module

【解决方案1】：

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

然后在你的主路由中懒加载你的模块

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

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

  }
];

【讨论】：

【解决方案2】：

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

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

Angular 团队这样做是为了与下一个 ES 更加一致，这也将被 IDE、webpack 等理解。

【讨论】：

【解决方案3】：

Omair 说的是对的，但我也是为了有选择而回答。

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

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

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

【讨论】：