ionic中ionicView的生命周期

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ionic中ionicView的生命周期相关的知识,希望对你有一定的参考价值。

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()方法。

 

以上是关于ionic中ionicView的生命周期的主要内容,如果未能解决你的问题,请参考以下文章

Ionic 2 中生命周期的命名改变及说明

ionic2 生命周期

转《ionic生命周期》

Ionic生命周期与注意点

ionic中,页面返回或者跳转,生命周期方法不生效的解决方案

Ionic 4 迁移:Ionic 3 生命周期事件/导航守卫的 Angular 等价物是啥?