• ionic3 生命周期钩子


    ionViewDidLoad

    页面加载完成触发,这里的“加载完成”指的是页面所需的资源已经加载完成,但还没进入这个页面的状态(用户看到的还是上一个页面)。

    需要注意的是它是一个很傲娇的钩子,全程只会调用一次,即第一次进入页面时被调用,此后你无论怎样进进出出它都冷冷清清凄凄惨惨戚戚不再理你了。除非你把它的后台杀了,重新进入这个软件(在网页调试的时候按刷新也是可以的)。

    因此这个钩子适合你做一些一次性的处理,比如从服务器拉取用户数据存到缓存中。

    ionViewWillEnter

    字面意义理解就是“我要进来了”的那一刻,这个时候页面刚刚开始切换。你可以在这时对页面的数据进行预处理,这个钩子是每次都会调用的

    ionViewDidEnter

    当这个钩子被触发的时候,用户已经进入到新页面了(页面处于激活状态),同样也是每次都会调用。

    说到这我不得不插一句,ionic对钩子的命名对广大中国学生真是友好啊,一个will一个did就把事情解决了。不像外边某些妖艳(误)的框架,一堆ready, update, complied, destory什么的,记一次忘一次。(当然这是一个玩笑,组件的命名跟框架的运行机制是息息相关的)

    ionViewWillLeave

    页面准备 (is about to) 离开时触发,这时用户刚刚触发了返回按钮或者相关的事件。

    ionViewDidLeave

    页面已经 (has finished) 离开时触发,页面处于非激活状态了。

    ionViewWillUnload

    页面中的资源即将被销毁时触发,此刻你是否会猜测这个钩子与ionViewDidLoad一样,只会被触发一次呢?

    注意:
    构造函数在ionViewDidLoad之前被触发
    ionViewDidLoad只在第一次进入页面时触发
    ionViewWillUnload会在每次离开页面后触发

    守卫钩子

    ionViewCanEnter

    ionViewCanLeave< 大专栏  ionic3 生命周期钩子/h2>
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17

    ionViewCanEnter() :boolean {
    if(new Date().getHours()>=8){
    console.log('怎么的呢,你看看现在几点了,你那么舒服咋不在家里接着睡吶,给我门外站着去!');
    return false;
    }
    return true;
    }

    //杏花楼姿态万千的老鸨
    ionViewCanLeave() :boolean {
    if(new Date().getHours()>=22){
    console.log('哎呀公子,你看都这么晚了,最近外面风声那么紧,不如就在我们这儿留宿吧,你看姑娘们都舍不得你回去呢');
    return false;
    }
    return true;
    }

    总结

    ionViewDidLoad 第一次调用 返回void
    ionViewWillEnter 每次调用 返回void
    ionViewDidEnter 每次调用 返回void
    ionViewWillLeave 每次调用 返回void
    ionViewDidLeave 每次调用 返回void
    ionViewWillUnload 每次调用 返回void
    ionViewCanEnter 每次调用 返回boolean
    ionViewCanLeave 每次调用 返回boolean

  • 相关阅读:
    《Linux C编程一站式学习》第5章深入理解函数课后作业
    《Linux C编程一站式学习》——常量、变量和表达式notes
    《Linux C编程一站式学习》——第一个程序HelloWorld.c
    二分排序java实现
    leetcode初级算法(数组)——从数组中删除重复项
    利用层次遍历原理构建二叉树
    canvas学习笔记:绘制各种图形
    获取字符串长度【把双字节的替换成两个单字节的然后再获得长度
    oracle PLSQL程序造数据笔记
    oracle取一条记录中多个列的最大值和最小值
  • 原文地址:https://www.cnblogs.com/lijianming180/p/12032185.html
Copyright © 2020-2023  润新知