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

Question

我有一个现有的 Angular cli 应用程序，我想向我的应用程序添加一个新模块，该模块将延迟加载
我知道 angular cli 提供了生成可以延迟加载的模块的命令，我需要键入的快速命令是什么

生成新模块

生成默认组件懒加载

为其生成路由模块，并添加默认组件先加载

在主模块

中添加延迟加载模块的路由

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

Module option required when creating a lazy loaded routing module.

Answer 1

命令:

ng generate module new-module-name --module parent-module --routing true --route path-string

ng 生成模块模块名称:它将生成一个名为 new-module-name 的模块.

--module 父模块:新创建的模块将被添加到父模块app大部分时间都是模块。

--路由真:生成路由和一个默认延迟加载的组件

--route 路径字符串: path-string将作为路由器添加到父模块路由配置中。

你会看到 angular-cli输出为

CREATE src/app/modules/module-name/module-name-routing.module.ts (373bytes) CREATE src/app/modules/module-name/module-name.module.ts (400bytes) CREATE src/app/modules/module-name/module-name.component.scss(0 bytes) CREATEsrc/app/modules/module-name/module-name.component.html (29 bytes)CREATE src/app/modules/module-name/module-name.component.spec.ts (678bytes) CREATE src/app/modules/module-name/module-name.component.ts(301 bytes) UPDATE src/app/app-routing.module.ts (1398 bytes) Done