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

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

迷茫
迷茫

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

répondre à tous(2)
PHPzhong

https://github.com/cgross/angular-busy/blob/master/README.md Utilisez ce module

世界只因有你

Créez un calque de masque à l'avance, affichez le masque lors d'une demande (généralement $http ou $resource) et fermez le masque une fois la promesse résolue.

La logique est aussi simple que cela, mais comme cela se produit si fréquemment, vous devez réfléchir à la manière de le SÉCHER.

Au niveau vue, si le masque est commun à toutes les applications, ne l'écrivez pas dans chaque route, pensez plutôt à l'écrire dans l'entrée de routage supérieure afin que les sous-routes puissent le partager.

Au niveau appelant, il est simple de sauvegarder l'état du masque dans $rootScope et d'utiliser DI pour le récupérer à tout moment ; s'il est plus élaboré, il suffit d'écrire un service pour le contrôler.

Le masque lui-même peut être encapsulé dans une directive pour une réutilisation facile, mais cette chose est très simple, donc peu importe s'il n'est pas encapsulé.

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!