ionic---ion-view 视图的生命周期

ion-view说明

一个容器包含内容视图和任何导航以及页眉的信息。当一个视图进入和存在他的父 ionNavView, 该视图同样会发出信息,例如他的标题, 是不是应该存在返回按钮, 是不是相应的 ionNavBar应该存在, 应该用什么样的转场动画, 以及运动的轨迹。

视图被缓存下来来提高性能. 当你跳出一个视图, 他的元素被保存在Dom中并且他的作用范围也不再 watch.访,scope,Dom.TODO:ionic.directive:ionicConfig, state 配置中, 或者视图本身的一个属性设置

视图生命周期及事件集

视图可以被缓存意味着Controllers通常只需要加载一次,这势必会影响到你controller的逻辑了。去区别一个视图是否已经访问或离开,时间是不是已经被添加来调用视图的作用域 。这些事件也包含视图的数据,比如标题和返回按钮是不是应该显示。也包含转换数据,比如动画的转换类型和方向将被使用或已经被使用的。

  1. $ionicView.loaded

视图已经被加载了。这事件只发生一次当视图被创建并添加到Dom中。当跳出页面并且被缓存了的话,再次访问这个页面时这个时间将不会被激活。Loaded事件是个好方式让你为这个视图设置你的代码; 然而,他并不是我们推荐的时间去监听视图被激活。
2. $ionicView.enter

进入视图并被激活。这事件被激活来判断这个视图是第一个加载还是被缓存了的。
3. $ionicView.leave

离开这个视图并且不是活动页面。调用这个事件判断应该被缓存还是摧毁。
4. $ionicView.beforeEnter

视图即将被打开变成活动页面。
5. $ionicView.beforeLeave

视图将被关闭并且不是活动页面。
6. $ionicView.afterEnter

进入视图并是当前的活动页面
7. $ionicView.afterLeave

已经离开视图,并成为非激活页面
8. $ionicView.unloaded

视图的Controller已经被摧毁并且他的页面元素也从Dom中移除

缓存

可以通过很方式开起和关闭缓存。通常, Ionic 会缓存最多 10 视图。你可以选择禁用缓存在一个独立的配置上,或由全局配置. 请参照在 ionNavView中查看更多的缓存信息。

例如

$scope.$on('$ionicView.enter', function () {
    // 显示 tabs
    $rootScope.hideTabs = false;
    appSQL.getinfo(PER_INFO,function (data) {
        if(data.status == '404'){
            $cordovaToast.show('请先登录!', 'long', 'top');
            $location.path('/tab/index/login');
        }else {
            if (data.data.user_name == '' || data.data.user_name == undefined) {
                $cordovaToast.show('请先登录!', 'long', 'top');
                $location.path('/tab/index/login');
            } else {
                console.log('login');
                socket.init();
            }
        }
    });
});
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值