Ionic 视图 ionicView 的生命周期及事件集

ionicView 生命周期相关事件的调用,对于我们处理一些当页面切换需要实现的效果十分有用。

在 ionicView 对应的 controller 里使用 $scope.$on(‘$ionicView.enter‘, function() {}); 来触发,具体生命周期如下:

 

$ionicView.loaded 该视图已经加载。

此事件仅一次按次被创建并添加到DOM发生。如果视图离开,但被缓存,那么这个事件将不会再在随后观看射击。
加载的事件是好地方,把你的设置代码的视图; 然而,这是不推荐的事件收听时的图变得活跃。
类似于Android的activity中的onCreate()方法。


$ionicView.enter 该视图已经全面进入,现在是活动视图。

此事件将触发,无论是第一次负荷或缓存的视图。
类似于Android的activity中的onStart()方法。


$ionicView.leave 该视图已经完成离开,不再是积极的看法。

此事件将触发,无论是缓存或销毁。
类似于Android的activity中的onStop()方法。


$ionicView.beforeEnter 视图是即将进入并成为活动视图。
类似于Android的activity中的onResume()方法。


$ionicView.beforeLeave 视图是即将离开,不再是活动视图。
类似于Android的activity中的onPause()方法。


$ionicView.afterEnter 该视图已经全面进入,现在是活动视图。


$ionicView.afterLeave 该视图已经完成离开,不再是积极的看法。


$ionicView.unloaded 该视图的控制器已经被破坏,它的元素已经从DOM中删除。
类似于Android的activity中的onDestroy()方法。

相关文章