ionic4内置的生命周期函数

Ionic4中的生命周期函数和angualr7基本是一样的,可以在Ionic中同时使用ionic内置的生命周期函数也可以使用angular的生命周期钩子函数。

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 组件销毁后执行 (重要)

案例
 	ionViewWillEnter() {
        console.log('即将进入');
    }

    ionViewDidEnter() {
        console.log('进入之后');
    }

    ionViewWillLeave() {
        console.log('将要离开');
    }

    ionViewDidLeave() {
        console.log('离开之后');
    }

    ionViewWillUnload() {
        console.log('即将卸载销毁');
    }

你可能感兴趣的:(ionic,ionic,ionic生命周期)