Ionic后退刷新

版本:Angular 1.5.3、Ionic1.3.2

一 禁用缓存,全页面刷新。

每次前进/ 后退时,控制器都会执行。

1 AngularJS ui-router路由禁用缓存

var app = angular.module('myApp',['ionic']);
app.config(function($stateProvider,$urlRouterProvider){
    $stateProvider
        .state('index',{
            url:'/index',
            cache : false,
            templateUrl:'template/index.html',
            controller:'indexCtrl'
        })
        $urlRouterProvider.otherwise('/index');
});    

2 Ionic view禁用缓存 

<ion-view title="index" cache-view="false">
    <ion-content>
        ...
    </ion-content>
</ion-view>

3 Ionic 全局禁用缓存

var app = angular.module('myApp',['ionic']);
app.config(function($stateProvider,$urlRouterProvider,$ionicConfigProvider){
    $ionicConfigProvider.views.maxCache(0);
});

二 局部刷新

前进到页面,控制器执行;后退到页面,控制器不执行。

(function(angular){
    angular.module('myApp')
        .controller('indexCtrl',function($scope){
            $scope.$on('$ionicView.beforeEnter',function(event,view){
                $scope.refreshData(); // 自定义刷新方法
            });
        });
})(angular);

 

posted on 2017-06-06 14:08  沙滩海风  阅读(319)  评论(0编辑  收藏  举报

导航