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

ng g c模块

然后在共享模块中创建头组件

ng g c shared/header --module=shared

根据Angular文档，为特定模块创建组件的方法是:

ng g component <directory name>/<component name>

"目录名" = CLI生成特性模块的目录

例子:-

ng generate component customer-dashboard/CustomerDashboard

这将在customer-dashboard文件夹中为新组件生成一个文件夹，并使用CustomerDashboardComponent更新特性模块

要将组件创建为模块的一部分，您应该

生成一个模块， cd newModule将目录更改为newModule文件夹 创建一个组件作为该模块的子组件。

更新:Angular 9

现在，生成组件时在哪个文件夹中都不重要了。

ng module NewModule生成一个模块。 new-module/new-component创建NewComponent。

注意:当Angular CLI看到new-module/new-component时，它会理解并转换case以匹配new-module -> NewModule和new-component -> NewComponent。刚开始可能会让人困惑，所以简单的方法是将#2中的名称与模块和组件的文件夹名称匹配。

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

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

路线: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