在点击button发出请求后,由于网络或者数据较大的原因,页面中的angularJS双向绑定数据部分不显示,页面结构很难看,怎么能实现在所有的数据加载完成之前,弹出层覆盖掉原网页并且提示“正在加载”,等所有的数据加载完成之后,再显示带有完整数据的网页。
如下面的效果:
PHPz2017-05-15 16:58:25
https://github.com/cgross/angular-busy/blob/master/README.md このモジュールを使用します
世界只因有你2017-05-15 16:58:25
事前にマスクレイヤーを作成し、リクエスト(通常は$httpまたは$resource)を行うときにマスクを表示し、Promise解決後にマスクを閉じます。
ロジックは非常に単純ですが、非常に頻繁に発生するため、乾燥方法を考慮する必要があります。
ビュー レベルで、マスクがすべてのアプリケーションに共通である場合は、すべてのルートにマスクを記述するのではなく、サブルートが共有できるように、上位のルーティング エントリにマスクを記述することを検討してください。
呼び出しレベルでは、$rootScope にマスクの状態を保存し、DI を使用していつでもそれを取得するのが簡単です。より複雑な場合は、それを制御するサービスを作成するだけです。
再利用を容易にするためにマスク自体をディレクティブにカプセル化できますが、これは非常に単純なので、カプセル化しなくても問題ありません。