angular.js - Bagaimanakah angularJS memaparkan gesaan "Memuatkan" apabila data yang diminta belum dimuatkan?

Question

Selepas mengklik butang untuk membuat permintaan, disebabkan oleh rangkaian atau saiz data yang besar, bahagian data pengikat dua hala angularJS dalam halaman tidak dipaparkan Struktur halaman adalah hodoh liputan sebelum semua data dimuatkan? Padamkan halaman web asal dan gesa "Memuatkan", tunggu sehingga semua data dimuatkan, dan kemudian paparkan halaman web dengan data lengkap.
Kesan berikut:

Answer 1

https://github.com/cgross/angular-busy/blob/master/README.md Gunakan modul ini

Answer 2

Buat lapisan topeng lebih awal, paparkan topeng apabila membuat permintaan (biasanya $http atau $resource), dan tutup topeng selepas janji diselesaikan.

Logiknya semudah itu, tetapi kerana ia berlaku sangat kerap, anda perlu mempertimbangkan cara MENGERINGkannya.

Pada tahap paparan, jika topeng adalah biasa kepada semua aplikasi, jangan tulisnya di setiap laluan Sebaliknya, pertimbangkan untuk menulisnya dalam entri penghalaan atas supaya sub-laluan boleh berkongsinya.

Pada peringkat panggilan, adalah mudah untuk menyimpan keadaan topeng dalam $rootScope dan menggunakan DI untuk mengaksesnya pada bila-bila masa, jika ia lebih terperinci, tulis sahaja perkhidmatan untuk mengawalnya.

Topeng itu sendiri boleh dirangkumkan ke dalam arahan untuk digunakan semula dengan mudah, tetapi perkara ini sangat mudah, jadi tidak mengapa jika ia tidak dikapsulkan.