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

 

相关文章