Angular JSデータは非同期HTTPリクエストから入力されません
-
12-12-2019 - |
質問
私の角モジュールがサーバーに連絡しているときに表示されるDIVを読み込もうとしています。AngularJS 1.0.1とAngularJS Resources 1.0.1を使用して、HTMLとJQuery 1.7.2の機能を追加して、追加のDOM操作とAJAXサポートのためのjQuery 1.7.2を展開しています。
Async falseでAjax呼び出しを実行した場合は、Loading Divが表示されないことを確認していませんが、Animated GIFがアニメーション化されていません。
ASYNC TRUEでAJAX呼び出しを実行した場合、返されたデータはロードされたテンプレート部分の角モデル変数にロードされません。
アニメーションロードDIVを表示してモデルにロードするためのアニメーションロードDIVを取得し、ゲットするのですか?
解決
うまくいけば私はあなたを正しく理解しています。Ajax要求のロードの進行状況を表示します。これを行うには、応答インターセプターが必要です。これは、この方法の例です。
// register the interceptor as a service, intercepts ALL angular ajax http calls
.factory('myHttpInterceptor', function ($q, $window, $rootScope) {
return function (promise) {
$rootScope.nowloading = true; // use ng-show="nowloading" on element containing spinner
return promise.then(function (response) {
// do something on success
$rootScope.nowloading = false; // need to turn it off on success
return response;
}, function (response) {
// do something on error
$rootScope.nowloading = false; // need to turn it off on failure
$rootScope.network_error = true; // you might want to show an error icon.
return $q.reject(response);
});
};
.
これが役に立つことを願っています
- DAN
所属していません StackOverflow