AngularJSIonic后退刷新

版本: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);

 

相关文章