一种常见的模式是创建带有路由、惰性加载模块和组件的特性。

路线:myapp.com/feature

app-routing.module.ts

{ path: 'feature', loadChildren: () => import('./my-feature/my-feature.module').then(m => m.MyFeatureModule) },

文件结构:

app   
└───my-feature
│   │   my-feature-routing.module.ts
│   │   my-feature.component.html
│   │   my-feature.component.css
│   │   my-feature.component.spec.ts
│   │   my-feature.component.ts
│   │   my-feature.module.ts

这一切都可以在cli中完成:

ng generate module my-feature --module app.module --route feature

或更短

ng g m my-feature --module app.module --route feature

或者如果你省略了名字，cli会提示你输入。在需要创建多个特性时非常有用

ng g m --module app.module --route feature

阅读描述——route https://angular.io/cli/generate#module-command，

为了存档，您必须将该组件模块的路由添加到某个位置，并指定路由名称。

   ng generate module component-name --module=any-parent-module --route=route-path

如果需要同时创建组件和模块，可以使用命令

ng g m components/my-control && ng g c $_

这将在同一个目录中创建一个模块和组件，默认情况下，组件将被添加到closed模块中

1.-像往常一样创建你的特性模块。

ng generate module dirlevel1/module-name

2.-你可以在——module中指定项目的根路径(只有在——module中，(/)根指向你的项目根，而不是系统根!!)

ng generate component dirlevel1/component-name --module /src/app/dirlevel1/module-name.module.ts

真实的例子:

ng generate module stripe/payment-methods-list

ng generate component stripe/payment-methods-list --module=/src/app/stripe/payment-methods-list/payment-methods-list.module.ts 

输出:

CREATE src/app/stripe/payment-methods-list/payment-methods-list.component.scss (0 bytes)
CREATE src/app/stripe/payment-methods-list/payment-methods-list.component.html (39 bytes)
CREATE src/app/stripe/payment-methods-list/payment-methods-list.component.spec.ts (768 bytes)
CREATE src/app/stripe/payment-methods-list/payment-methods-list.component.ts (322 bytes)
UPDATE src/app/stripe/payment-methods-list/payment-methods-list.module.ts (311 bytes)
[OK] Generated component!

用Angular CLI测试:9.1.4

你可以使用ng generate Module <模块名>来生成一个Module。 然后使用此命令生成与该模块相关的组件，ng generate component <组件名称>——module=<模块名称>

首先运行ng g module newModule ． 然后执行ng g component newModule/newModule——flat命令