Angular 7组件

angular中的组件类似于网站中的页面。组件是angular中的一个关键功能。与页面相比，它们得到了很好的优化，因为它们具有轻量级和可重复使用的性质。

在angular 7中创建一个组件

要在任何angular应用程序中创建一个组件，第一步是进入app目录，然后在shell上用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：文件是用于测试目的的typescript。这个文件的存在是没有必要的。
3. comp1/comp1.component.ts。这个文件由Typecript格式的组件类组成，名称为Comp1Component，它实现了OnInit接口，默认有一个ngOnInit()方法。当页面的生命周期状态为Init时，写在这个方法中的代码就会被执行。
4. comp1/comp1.component.css。这个文件有链接到上面显示的HTML文件的CSS。