Ionic4中的生命周期函数和angualr7基本是一样的,下面我们看看Ionic4中的生命周期函数,以及生命周期函数的用法。  

 

Ionic4中内置的生命周期函数:

 

ionViewWillEnter —当进入一个页面时触发(如果它从堆栈返回)

 

ionViewDidEnter —进入后触发


ionViewWillLeave —如果页面将离开触发


ionViewDidLeave — 在页面离开后触发


ionViewWillUnload — 在Angular中没有触发,因为这里你必须使用ngOnDestroy

 

Ionic4中使用Angular生命周期函数:

 

 

 

 

 

1、Ionic4中的生命周期函数ngOnChanges 当被绑定的输入属性的值发生变化时调用(父子组件传值的时候会触发

 

 

 

2、Ionic4中的生命周期函数ngOnInit 请求数据一般放在这个里面  (重要*)

 

 

 

3、Ionic4中的生命周期函数ngDoCheck 检测,并在发生 Angular 无法或不愿意自己检测的变化时作出反应

 

 

 

4、Ionic4中的生命周期函数 ngAfterContentInit 当把内容投影进组件之后调用

 

 

 

5、Ionic4中的生命周期函数 ngAfterContentChecked 每次完成被投影组件内容的变更检测之后调用

 

 

 

6、Ionic4中的生命周期函数 ngAfterViewInit  初始化完组件视图及其子视图之后调用(dom操作放在这个里面) (重要)

 

 

 

7、Ionic4中的生命周期函数 ngAfterViewInit  每次做完组件视图和子视图的变更检测之后调用

 

 

 

8、Ionic4中的生命周期函数  ngOnDestroy  组件销毁后执行 (重要)