ionic3 生命周期

ionic3 总共有8个钩子函数，分别是：onPageLoaded，onPageWillEnter，onPageDidEnter，onPageWillLeave，onPageDidLeave，onPageWillUnload，onPageDidUnload

还有两个钩子不太一样，上面的钩子函数都没有返回值，以下两返回布尔值：ionViewCanEnter，ionViewCanLeave

// 页面被加载完成后调用的函数，切换页面时并不会进行重新加载，因为有cache的存在
onPageLoaded() {
  console.log('page 1: page loaded.');
}

// 页面即将进入的时候
onPageWillEnter() {
  // 在这里可以做页面初始化的一些事情
  console.log('page 1: page will enter.');
}

// 页面已经进入的时候
onPageDidEnter() {
  console.log('page 1: page did enter.');
}

// 页面即将离开的时候
onPageWillLeave() {
  console.log('page 1: page will leave.');
}

// 页面已经离开的时候
onPageDidLeave() {
  console.log('page 1: page did leave.');
}

// 从 DOM 中移除的时候执行的生命周期
onPageWillUnload() {

}

// 从 DOM 中移除执行完成的时候
onPageDidUnload() {

}
ionViewCanEnter，ionViewCanLeave：

//如果满足条件可以进入
ionViewCanEnter() {
　　if(new Date().getHours()>=9){
　　　　console.log('时间到了，上班了！');
　　return false;
　　}
return true;
}

//如果满足条件可以离开
ionViewCanLeave(){
　　if(new Date().getHours()>=18){
　　console.log('时间到了，可以下班了！');

　　return false;

}

return true;
}

转载于:https://www.cnblogs.com/longailong/p/10448845.html

ionic3 生命周期相关推荐

ionic3 生命周期方法
1.认识ionic的生命周期钩子截至ionic 3.8.0版本,框架提供了8个钩子函数,它们分别会在页面生命周期的各个阶段被触发,我们来简单了解一下. 1.1 ionViewDidLoad 页面加载 ...
来扯点ionic3[3] 页面的生命周期事件，也就是凡间所说的钩子
首先要做一个诚挚的道歉,作为大四狗,因为升学的事情,断更两个月,所以要感谢各位仁慈的读者没有脱粉(好像也就50个粉丝).这一节,我们延续上一节制作的页面,来讨论声明周期钩子的事情. 以我的经验来看,多 ...
LTV 即用户生命周期价值
20220321 https://mp.weixin.qq.com/s/kPoojfRCbvCCV4zpnCimmQ 指标计算详细介绍数据分析|如何做好用户生命周期价值分析 LTV https:// ...
Harmony生命周期
Harmony生命周期系统管理或用户操作等行为,均会引起Page实例在其生命周期的不同状态之间进行转换.Ability类提供的回调机制能够让Page及时感知外界变化,从而正确地应对状态变化(比如释放 ...
Activity在有Dialog时按Home键的生命周期
当一个Activity弹出Dialog对话框时,程序的生命周期依然是onCreate() - onStart() - onResume(),在弹出Dialog的时候并没有onPause()和onSto ...
横竖屏切换时Activity的生命周期
1.不设置Activity的android:configChanges时,切屏会重新调用各个生命周期,切横屏执行一次,切竖屏执行两次. 2.设置Activity的android:configChang ...
Android中Service生命周期、启动、绑定、混合使用
一.Activity和Service如何绑定: 1.Service和Activity之间的连接可以用ServiceConnection来实现.实现一个ServiceConnection对象实例,重写o ...
Cocos生命周期回调
Cocos Creator 为组件脚本提供了生命周期的回调函数.用户只要定义特定的回调函数,Creator 就会在特定的时期自动执行相关脚本,用户不需要手工调用它们. 目前提供给用户的生命周期回调函数 ...
Fragment 使用 replace 的方式实现切换以及切换的时候Fragment 生命周期
这个主要代码在activity里面如下 public class ReplaceActivity extends AppCompatActivity implements View.OnClickL ...

ionic3 生命周期

ionic3 生命周期相关推荐

最新文章

热门文章