Ionic生命周期与注意点

2024-05-25 12:36:51

需要注意的地方是：在走页面的生命周期以前，会先走构造方法

构造方法只走一次，除非再次创建这个页面。所以如果先push了一个新页面，然后再调用pop()返回到之前的页面，那么是不会走构造方法里面的方法的。这是需要考虑的地方

Ionic页面的生命周期

官网文档链接：https://ionicframework.com/docs/api/navigation/NavController/

注意后两个方法的返回类型为boolean

如官网文档所示，常用的生命周期有如下6个：

ionViewDidLoad 　　当页面加载的时候触发，仅在页面创建的时候触发一次，如果被缓存了，那么下次再打开这个页面则不会触发

ionViewWillEnter 　　顾名思义，当将要进入页面时触发

ionViewDidEnter 　　当进入页面时触发

ionViewWillLeave 　　当将要从页面离开时触发

ionViewDidLeave 　　离开页面时触发

ionViewWillUnload 　当页面将要销毁同时页面上元素移除时触发

ionViewCanEnter 　　在视图可以进入之前运行。可以在经过身份验证的视图中使用它作为“监护”，在视图进入之前需要检查权限

ionViewCanLeave 　　在视图离开之前运行。可以在经过身份验证的视图中使用它作为“监护”，在视图离开之前需要检查权限

生命周期的执行顺序

从前到后依次是：

ionViewCanEnter
ionViewDidLoad
ionViewWillEnter
ionViewDidEnte
ionViewCanLeave
ionViewWillLeave
ionViewDidLeave
ionViewWillUnload

转载于:https://www.cnblogs.com/acm-bingzi/p/ionicLife.html

Ionic生命周期与注意点相关推荐

ionic监听android息屏和后台运行的生命周期
Hi,宝宝们,我又来了,我最近遇到一个问题,就是在ionic中监听android的息屏.应用退出在后台运行,之后重新进入应用的事件,这个写过原生的都知道,android会在不用的时间,运行不同的生命周 ...
ionic混合开发APP基础知识点及生命周期使用一
导入storage app.module.ts文件 import { IonicStorageModule } from '@ionic/storage'; imports: [BrowserModu ...
Ionic页面的生命周期
官方文档如官网文档所示,常用的生命周期有如下6个: Event Desc ionViewDidLoad 当页面加载的时候触发,仅在页面创建的时候触发一次,如果被缓存了,那么下次再打开这个页面则不会触 ...
ionic中关于ionicView 的生命周期
前言当我们来回切换页面时候,视图被缓存下来,不用每次再去new一个新的视图,可以大大地提高性能.当跳出一个视图后,视图的元素被保存在DOM中,它的作用域也就不在$watch的作用域内,当我们访问一个 ...
来扯点ionic3[3] 页面的生命周期事件，也就是凡间所说的钩子
首先要做一个诚挚的道歉,作为大四狗,因为升学的事情,断更两个月,所以要感谢各位仁慈的读者没有脱粉(好像也就50个粉丝).这一节,我们延续上一节制作的页面,来讨论声明周期钩子的事情. 以我的经验来看,多 ...
ionic3 生命周期方法
1.认识ionic的生命周期钩子截至ionic 3.8.0版本,框架提供了8个钩子函数,它们分别会在页面生命周期的各个阶段被触发,我们来简单了解一下. 1.1 ionViewDidLoad 页面加载 ...
Flutter 笔记 | Flutter 核心原理（一）架构和生命周期
Flutter 架构简单来讲,Flutter 从上到下可以分为三层:框架层.引擎层和嵌入层,下面我们分别介绍: 1. 框架层 Flutter Framework,即框架层.这是一个纯 Dart实现的 ...
LTV 即用户生命周期价值
20220321 https://mp.weixin.qq.com/s/kPoojfRCbvCCV4zpnCimmQ 指标计算详细介绍数据分析|如何做好用户生命周期价值分析 LTV https:// ...
Harmony生命周期
Harmony生命周期系统管理或用户操作等行为,均会引起Page实例在其生命周期的不同状态之间进行转换.Ability类提供的回调机制能够让Page及时感知外界变化,从而正确地应对状态变化(比如释放 ...

最新文章

热门文章