angular.js - angularJS怎么實現請求的數據還未加載完成時展示“正在加載”的提示？

問題描述

在點擊button發出請求后，由于網絡或者數據較大的原因，頁面中的angularJS雙向綁定數據部分不顯示，頁面結構很難看，怎么能實現在所有的數據加載完成之前，彈出層覆蓋掉原網頁并且提示“正在加載”，等所有的數據加載完成之后，再顯示帶有完整數據的網頁。如下面的效果：

問題解答

https://github.com/cgross/angular-busy/blob/master/README.md 使用這個模塊

事先做好遮罩層，發起請求時（一般都是 $http 或 $resource）顯示遮罩，promise resolve 后關閉遮罩。

邏輯就是這么簡單，但是因為出現的很頻繁所以要考慮如何 DRY。

視圖層面上，如果遮罩是全應用通用的就不要每個 route 里都寫一遍，而是考慮寫在比較上層的路由入口，讓子路由共享。

調用層面，簡單一點把遮罩狀態保存在 $rootScope，使用 DI 來隨取隨用；講究一點就寫個 service 來控制。

遮罩本身可以封裝成 directive 便于復用，不過這東西很簡單，不封裝也罷。