时间戳

首页 > 解决方案 > 如何使用 Angular cli 生成延迟加载模块

angular-cli - 如何使用 Angular cli 生成延迟加载模块

问题描述

我有一个现有的 Angular cli 应用程序，我想向我的应用程序添加一个新模块，该模块将延迟加载

我知道 Angular cli 提供了生成可以延迟加载的模块的命令，我需要键入的快速命令是什么

当我尝试ng generate module module-name --route=app --routing=true时，它给了我以下错误

创建延迟加载的路由模块时需要模块选项。

标签： angular-cliangular-routing

解决方案

命令：

ng generate module new-module-name --module parent-module --routing true --route path-string
  • ng generate module module-name:它将生成一个带有 name 的模块new-module-name。
  • --module parent-module：新创建的模块将被添加到父模块app中，大部分时间都是模块。
  • --routing true:生成路由和一个默认延迟加载的组件
  • --route path-string: path-string将作为路由器添加到父模块路由配置中。

你会看到angular-cli输出为

CREATE src/app/modules/module-name/module-name-routing.module.ts (373 bytes) CREATE src/app/modules/module-name/module-name.module.ts (400 bytes) CREATE src/app /modules/module-name/module-name.component.scss (0 bytes) CREATE src/app/modules/module-name/module-name.component.html (29 bytes) CREATE src/app/modules/module-name /module-name.component.spec.ts (678 bytes) 创建 src/app/modules/module-name/module-name.component.ts (301 bytes) 更新 src/app/app-routing.module.ts (1398字节）完成

推荐阅读