Angular-组件

Angular-组件

一、组件是Angular应用的主要构造块，
组件包括
1、一个HTML模板，用于声明页面要渲染的内容
2、一个用于定义行为的TypeScript的类
3、一个CSS选择器，定义组件在模板中的使用方式
4、要应用在模板上的样式

手动创建一个组件
@Component({
  selector: 'app-component-overview', --该组件的CSS选择器
  templateUrl: './component-overview.component.html', --用于组件显示信息的模板（单独的html文件），可用template属性替代，直接写html代码
  styleUrls: ['./component-overview.component.css'] --应用在模板上的样式（单独的CSS文件），可用styles属性替代，直接写样式代码
})
export class ComponentOverviewComponent {

}

二、Angular的生命周期
概念：当Angular实例化组件类并渲染组件视图及其子组件的时候，组件的生命周期就开始了，生命周期一直伴随着变更检测，Angular会检查数据绑定属性
何时发生变化，并按需的更新视图和组件实例。

按顺序排列
1、ngOnChanges（）：在ngOnInit之前或者绑定的输入属性发生变化的时候，就会被调用。如果组件不存在输入属性，则不会调用该生命钩子。可能会频繁执行。
2、ngOnInitÿ