angular.js - 要求されたデータがロードされていない場合、angularJS はどのようにして「ロード中」プロンプトを表示しますか?

Question

ネットワークまたはデータサイズが大きいため、ボタンをクリックしてリクエストを行った後、ページ内の angularJS 双方向バインディング データ部分が表示されません。ポップアップ レイヤーを実現するにはどうすればよいですか。すべてのデータが読み込まれる前にカバレッジを超えていますか? 元の Web ページを削除して「読み込み中」というメッセージを表示し、すべてのデータが読み込まれるまで待ってから、完全なデータを含む Web ページを表示します。
次の効果:

Answer 1

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

Answer 2

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

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

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

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

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