生命周期图(先后顺序调用)
1.constructor()( 非生命周期函数)(构造函数永远首先被调用)
构造函数执行了--除了使用简单的值 对局部进行初始化外,什么都不应该做
2.ngOnChanges(changes: SimpleChanges)
当被绑定的输入属性的值发生变化时调用(父子组件传值的时候会触发)
SimpleChanges: 字典型属性 key 表示输入属性名字 value是 SimpleChange
3.ngOnInit()
一般请求数据,只调用一次,组件初始化调用
4.ngDoCheck()
检测,并在发生angular无法或者不愿意自己检测的变化时做出反应;脏值检测时候调用(多次)
5.ngAfterContentInit()
当把内容投影进组件之后调用(当内容投影ng-content完成时调用)
6.ngAfterContentChecked()
没当完成被投影组件内容的变更检测之后调用(angular检测投影内容时调用【多次】)
7.ngAfterViewInit()
初始化组件视图及其子视图之后调用(dom操作放在这个里面)
8.ngAfterViewChecked()
每次做完组件视图和子视图变更检测之后调用(多次)
9.ngOnDestroy()
组件销毁
10.主要的生命周期函数(钩子)
ngOnInit()
ngAfterViewInit()
ngOnDestroy()