Angular 生命周期函数

export class AppComponent {
  title = 'yqqApp';
  constructor(){
    console.log("组件构造函数调用");
  }

  ngOnChanges(){
    console.log("在数据发生变化之时就会调用此函数");
  }

  ngOnInit(){
    console.log("第一次显示数据绑定和指令输入属性之后，就会调用，值调用一次");
  }

  ngDoCheck(){
    console.log("在ngOnChanges和ngOnInit发生之后，会进行一次检测");
  }

  ngAfterContentInit(){
    console.log("数据内容渲染到视图上之后");
  }

  ngAfterContentChecked(){
    console.log("数据渲染到视图检测之后");
  }

  ngAfterViewInit(){
    console.log("完成组件和子组件初始化");
  }

  ngAfterViewChecked(){
    console.log("完成组件和子组件初始化检测后");
  }
  ngOnDestory(){
    console.log("销毁");
  }
}