ionic開發中的返回上一介面後的重新整理問題
阿新 • • 發佈:2019-01-27
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了
});