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

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

迷茫
迷茫

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

全員に返信(2)
PHPzhong

https://github.com/cgross/angular-busy/blob/master/README.md このモジュールを使用します

いいねを押す +0
世界只因有你

事前にマスクレイヤーを作成し、リクエスト(通常は$httpまたは$resource)を行うときにマスクを表示し、Promise解決後にマスクを閉じます。

ロジックは非常に単純ですが、非常に頻繁に発生するため、乾燥方法を考慮する必要があります。

ビュー レベルで、マスクがすべてのアプリケーションに共通である場合は、すべてのルートにマスクを記述するのではなく、サブルートが共有できるように、上位のルーティング エントリにマスクを記述することを検討してください。

呼び出しレベルでは、$rootScope にマスクの状態を保存し、DI を使用していつでもそれを取得するのが簡単です。より複雑な場合は、それを制御するサービスを作成するだけです。

再利用を容易にするためにマスク自体をディレクティブにカプセル化できますが、これは非常に単純なので、カプセル化しなくても問題ありません。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!