1. 程式人生 > >ionic開發中的返回上一介面後的重新整理問題

ionic開發中的返回上一介面後的重新整理問題

ionic開發中的“返回並重新整理”問題

用ionic開發時,常常會遇到”返回上一介面並且重新整理”的需求,常用的解決方法有幾種:

方法一:禁用快取,全域性重新整理。

即在app.js中設定cache:false(使用者體驗最差的一種)
例:

 //考勤查詢頁面
    .state('attendance', {
        url: '/main/attendance',
        cache:false,
        templateUrl: 'templates/attendance.html',
        controller: 'AttendanceCtrl'
    })


    這樣設定後,任何情況返回到這個頁面都會全域性重新整理。體驗較差,
    有些不需要重新整理的資料也會重新載入。如背景圖等。
    很多時候網速慢的話會看到重新載入後的漸變過程...
...

方法二: 區域性重新整理,進返回到某頁面後,只重新載入一部分資料。
例:
這裡寫圖片描述
例如我返回到”主頁”時,只需要重新載入那幾個數字,其它的如頭像等不需要重新載入。 在該頁面的controller里加上

     $scope.$on('$ionicView.beforeEnter', function() {
            $scope.refreshLocal();//區域性重新整理,更新所需的欄位
                          //這裡只需要將需要的欄位重新賦值就OK了
        });