ionic的视图周期可以运用到多个地方,比如进出页面是控制controller里的定时器,缓存等等的销毁改变,更可以根据其特征
优化
导航栏等等自带控件的实现效果
$ionicView.loaded
: 视图已经被加载了。这事件只发生一次当视图被创建并添加到Dom中。当跳出页面并且被缓存了的话,再次访问这个页面时这个时间将不会被激活。Loaded事件是个好方式让你为这个视图设置你的代码; 然而,他并不是我们推荐的时间去监听视图被激活。
$ionicView.enter
: 进入视图并被激活。这事件被激活来判断这个视图是第一个加载还是被缓存了的。
$ionicView.leave
: 离开这个视图并且不是活动页面。调用这个事件判断应该被缓存还是摧毁。
$ionicView.beforeEnter
: 视图即将被打开变成活动页面。
$ionicView.beforeLeave
: 视图将被关闭并且不是活动页面。
$ionicView.afterEnter
: 进入视图并是当前的活动页面。
$ionicView.afterLeave
: 已经离开视图,并成为非激活页面。
$ionicView.unloaded
: 视图的Controller已经被摧毁并且他的页面元素也从Dom中移除、
// 运用: 例如我通过$interval定义了一个定时器timer , 页面销毁时可以顺便销毁定时器
//
$scope.$on('$ionicView.afterLeave', function () {
if (timer) {
$interval.cancel(timer);
}
});
原文链接:http://ngionic.com/2014/12/ionic-javascript-api-ion-view-%E8%A7%86%E5%9B%BE%E7%9A%84%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5%8F%8A%E4%BA%8B%E4%BB%B6%E9%9B%86%E5%90%88/