ionic3 生命周期钩子
Posted lijianming180
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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;
}
总结
1 |
|
ionViewDidLoad 第一次调用 返回void
ionViewWillEnter 每次调用 返回void
ionViewDidEnter 每次调用 返回void
ionViewWillLeave 每次调用 返回void
ionViewDidLeave 每次调用 返回void
ionViewWillUnload 每次调用 返回void
ionViewCanEnter 每次调用 返回boolean
ionViewCanLeave 每次调用 返回boolean
以上是关于ionic3 生命周期钩子的主要内容，如果未能解决你的问题，请参考以下文章