angular.js - angularJS怎么实现请求的数据还未加载完成时展示“正在加载”的提示?
迷茫
迷茫 2017-05-15 16:56:25
0
2
654

在点击button发出请求后,由于网络或者数据较大的原因,页面中的angularJS双向绑定数据部分不显示,页面结构很难看,怎么能实现在所有的数据加载完成之前,弹出层覆盖掉原网页并且提示“正在加载”,等所有的数据加载完成之后,再显示带有完整数据的网页。
如下面的效果:

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

membalas semua(2)
PHPzhong

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

世界只因有你

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.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan