有没有办法在每次从服务器返回响应后调用函数而不在回调中显式调用它?
主要目的是我确实有一个通用的错误处理程序服务,我在每个请求的回调中调用它,我想在某个地方指定它,它应该被自动调用。
有没有办法在每次从服务器返回响应后调用函数而不在回调中显式调用它?
主要目的是我确实有一个通用的错误处理程序服务,我在每个请求的回调中调用它,我想在某个地方指定它,它应该被自动调用。
我在解决方案上给了 Gloopy 一个 +1,但是,他引用的其他帖子在配置和拦截器中定义的函数中进行了 DOM 操作。相反,我将启动微调器的逻辑移到拦截器的顶部,并在 中使用变量$rootScope
来控制微调器的隐藏/显示。它似乎工作得很好,我相信它更具可测试性。
<img ng-show="polling" src="images/ajax-loader.gif">
angular.module('myApp.services', ['ngResource']).
.config(function ($httpProvider) {
$httpProvider.responseInterceptors.push('myHttpInterceptor');
var spinnerFunction = function (data, headersGetter) {
return data;
};
$httpProvider.defaults.transformRequest.push(spinnerFunction);
})
//register the interceptor as a service, intercepts ALL angular ajax http calls
.factory('myHttpInterceptor', function ($q, $window, $rootScope) {
return function (promise) {
$rootScope.polling = true;
return promise.then(function (response) {
$rootScope.polling = false;
return response;
}, function (response) {
$rootScope.polling = false;
$rootScope.network_error = true;
return $q.reject(response);
});
};
})
// other code left out