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