ios开发获取父控制器生命周期_Angular父子组件生命周期运行顺序

在日常开发中，除了constructor我们经常用到的只有这四个生命周期：ngOnchanges()、 ngOnInit()、ngAfterViewInit()、ngOnDestroy()、

先看如图：

整个的页面是父组件，右侧的操作弹窗是个子组件

现在我们分别在父子组件的上述五个生命周期中写入console.log，看一下打印顺序。

/*父组件*/
  constructor() {
   console.log('父组件constructor');
  }

  ngOnChanges(){
    console.log('父组件ngOnchanges');
  }
  ngOnDestroy(){
    console.log('父组件ngOnDestroy');
  }

  ngOnInit() { 
    console.log('父组件ngOnInit');
  }

  ngAfterViewInit() {
    console.log('父组件ngAfterViewInit');
  }

/*子组件*/
  constructor() { 
    console.log('子组件constructor');
  }

  ngOnChanges() {
    console.log('子组件ngOnchanges');
  }
  ngOnDestroy() {
    console.log('子组件ngOnDestroy');
  }

  ngOnInit() {
    console.log('子组件ngOnInit'); 
  }
  ngAfterViewInit() {
    console.log('子组件ngAfterViewInit');
  }