ionic2/3页面的生命周期钩子

页面的生命周期钩子

Angular

钩子目的和时机

官方文档:https://angular.cn/docs/ts/latest/guide/lifecycle-hooks.html


使用:export class demo  implementsOnInit,OnDestroy{}


ionic2/3的生命周期钩子:

官方文档地址在这里

http://ionicframework.com/docs/api/navigation/NavController/

页面周期

事件名称事件说明

ionViewLoaded页面加载完毕触发。该事件发生在页面被创建成 DOM 的时候,且仅仅执行一次。如果页面被缓存(Ionic默认是缓存的)就不会再次触发该事件。该事件中可以放置初始化页面的一些事件。

ionViewWillEnter即将进入一个页面变成当前激活页面的时候执行的事件。

ionViewDidEnter进入了一个页面且变成了当前的激活页面,该事件不管是第一次进入还是缓存后进入都将执行。

ionViewWillLeave将要离开了该页面之后变成了不是当前激活页面的时候执行的事件。

ionViewDidLeave在页面完成了离开该页面并变成了不是当前激活页面的时候执行的事件。

ionViewWillUnload在页面销毁和页面中有元素移除之前执行的事件。

ionViewDidUnload在页面销毁和页面中有元素移除之后执行的事件。

作用:

利用生命周期来做权限:

比如我自己的项目中用到的,禁止页面后退(业务需要,必须向下进行)

https://github.com/xiedajian/ipvpKmfApp2.0/blob/master/src/pages/TrackingModule/tracking/tracking.ts

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容