角度7 |组件

斜角组件类似于网站中的页面。零件是角钢的关键特征。与页面相比，它们经过了很好的优化，因为它们重量轻且可重复使用。

在角度7中创建组件：

要在任何有角度的应用程序中创建组件，第一步是进入app目录，然后通过ng命令在外壳上创建一个新组件。

语法为：

这些命令写为：

cd app
ng generate component comp1

或者

cd app
ng g c comp1

执行命令后，将在组件名称中形成app文件夹中的新文件夹。

新组件的结构

每个新组件在创建时均由以下列出的4个文件组成(将comp1作为组件的名称)：

1. comp1 / comp1.component.html：此文件包含有关组件外观的HTML代码。
2. comp1 / comp1.component.spec.ts：文件位于打字稿中，用于测试目的。不需要此文件。
3. comp1 / comp1.component.ts：此文件由打字稿格式的组件类组成，名称为Comp1Component，它实现OnInit接口，默认情况下具有ngOnInit()方法。当页面生命周期状态为Init时，将执行用此方法编写的代码。
4. comp1 / comp1.component.css：此文件的CSS链接到上面显示的HTML文件。