在 Angular 中创建新组件

我们将介绍组件以及如何在 Angular 中创建它们。

Angular 中的组件

组件是 Angular 应用程序的构建块。Angular 应用程序由多个组件或 Angular 组件树组成，这些组件与模板和指令子集相关联。

我们可以在 CLI 中使用以下命令轻松地在 Angular 中创建新组件。

# angular CLI
ng generate component OurNewComponent

或者我们可以在 CLI 中使用速记命令。

# angular CLI
ng g c OurNewComponent

上面的命令将生成一个名为 OurNewComponent 的新组件，该组件将包含四个文件和一个以该组件命名的文件夹。

使用上述命令创建新组件时将生成以下文件。

1. OurNewComponent.component.ts 文件是一个组件文件。
2. OurNewComponent.component.html 文件是我们组件的模板文件。
3. OurNewComponent.component.css 文件是我们组件的样式表文件。
4. OurNewComponent.component.spec.ts 文件是我们组件的测试规范文件。