ionic 视图周期 $ionicview

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);
  }
});