angularjs 頁面緩存及動態刷新解決方案

1、準備工做

　　框架：angularjs 

　　ui組件庫：ionic1  

2、頁面緩存cache

　　路由設置cache參數，true爲緩存，false爲不緩存，代碼以下：

angular.module('app',["AppCtrl"])   //依賴注入AppCtrl控制器module
.config(function($stateProvider){
$stateProvider
.state("home",{
    url:"/home",    //定義路由的名稱
    templateUrl:"./home.html",    //html視圖相對路徑
    controller:"AppCtrl",  //定義視圖對應對的控制，須要注入
    cache:true     //設置緩存，true爲頁面緩存，false不緩存
})
})

3、動態刷新

　　使用ionic組件ion-view的生命週期來跳過緩存，達到動態刷新的效果（頁面使用ion-view容器）

　　能夠經過設置一個全局變量（定義的方式不少，也能夠設置一個sessionStorage來充當變量），而後if語句來判斷是否執行enter鉤子裏面的代碼。

$scope.$on('$ionicView.enter', function() {
  //每次進入頁面都會執行enter鉤子
});

　　ion-view還有不少的鉤子方法：

 

　　$ionicView.beforeEnter 

　　$ionicView.enter

　　$ionicView.afterEnter

　　$ionicView.beforeLeave

　　$ionicView.leave

 

　　$ionicView.afterLeave

　　$ionicView.unloaded

　　合理的使用就能達到不少咱們須要的效果。