ionicView的生命周期

时间:2022-08-11 14:44:06
ionicView的生命周期的事件调用在每个ionicView的controller中使用$scope.$on('$ionicView.enter', function() {});调用。
1.$ ionicView.loaded    该观点已经加载。此事件仅一次按次被创建并添加到DOM发生。如果视图离开,但被缓存,那么这个事件将不会再在随后涉及,类似于Android的activity中的onCreate()方法。2.$ ionicView.enter    该观点已经全面进入,现在是活动视图。此事件将触发,无论是第一次负荷或缓存的视图。类似于Android的activity中的onStart()方法。3.$ ionicView.leave    该观点已经完成离开,不再是积极的看法。此事件将触发,无论是缓存或销毁。类似于Android的activity中的onStop()方法。4.$ ionicView.beforeEnter    视图是即将进入并成为活动视图。类似于Android的activity中的onResume()方法。5.$ ionicView.beforeLeave    视图是即将离开,不再是活动视图。类似于Android的activity中的onPause()方法。    6.$ ionicView.afterEnter    该观点已经全面进入,现在是活动视图。7.$ ionicView.afterLeave    该观点已经完成离开,不再是积极的看法。8.$ ionicView.unloaded    该视图的控制器已经被破坏,它的元素已经从DOM中删除。类似于Android的activity中的onDestroy()方法。

ps:
  • 此事件不受缓存的影响,即 即使是进入缓存的页面 也会触发次事件
  • 在使用 beforeEnter 和 beforeLeave事件的时候遇到个问题,才发现 在跳转页面的时候先触发 下一视图的beforeEnter事件,再触发此视图的beforeLeave事件

下面是官网文档的截图
ionicView的生命周期