19

私は AngularJS が初めてで、データの読み込み中に待機メッセージを表示する方法を見つけようとしていますか? つまり、データの読み込みが開始され、メッセージが表示され、データの読み込みが完了したら削除されます。

インターネットを検索しましたが、必要なものが見つかりませんでした...

4

5 に答える 5

1

編集: バージョン 1.3.0 では機能しません。リクエスト/レスポンス インターセプターを使用します。

すべてのリクエストをグローバルにリッスンし、保留中のリクエストがあるたびに読み込みウィジェットを表示する場合は、リクエスト/レスポンス トランスフォーマーを使用してリクエストをカウントできます。カウンターを追加して、新しいリクエストで増加させ、応答で減少させるだけです。そのためにプロバイダーを使用します。

$httpProvider
  .defaults
  .transformRequest
  .push(function(data) {
      requestNotificationProvider
      .fireRequestStarted(data);
      return data;
});

についても同様ですtransformResponse。次に、同じプロバイダーが保留中のリクエストの数に関する情報を保持し、それらをディレクティブで使用できます。ここで完全なブログ投稿を読む (およびコードをコピーして貼り付ける) ことができます: http://www.kvetis.com/2014/01/angularjs-loading-widget.html動作するデモが添付されています。

于 2014-01-16T16:51:43.747 に答える
0

正しい方法かどうかはわかりませんが、テンプレートに入れました

 <img id="spinner" ng-src="images/spinner.gif" ng-if="!data" >
 <div ng-repeat="repo in repos | orderBy: repoSortOrder">...</div>
于 2015-04-24T13:50:21.930 に答える