生命周期钩子

OnChanges

在组件或指令属性发生变更时，将会触发OnChanges的ngOnChnages

import { Component, OnChanges, Input } from '@angular/core';
@Component({
    selector: 'so-onchanges-component',
    templateUrl: 'onchanges-component.html',
    styleUrls: ['onchanges-component.']
})
class OnChangesComponent implements OnChanges {
    @Input() name: string;
    message: string;
  ngOnChanges(changes: SimpleChanges): void {
        console.log(changes);
    }
}

当change事件触发时，我们会得到如下结构：

name: {
    currentValue: 'new name value',
    previousValue: 'old name value'
},
message: {
    currentValue: 'new message value',
    previousValue: 'old message value'
}

OnInit

在组件或指令的属性被初始化后，会触发该事件

OnDestroy

在组件或指令实例被销毁时，会触发该事件

AfterContentInit

在组件或指令的内部内容被初始化后，会触发该事件

AfterContentChecked

AfterViewInit

AfterViewChecked

DoCheck