Woher wissen, ob alle $ http Aufrufe sind vorbei - AngularJS

Question

Ich muss ein Ereignis auslösen, wenn alle meine $ http Anrufe verarbeitet werden. Ich muss auch wissen, ob ein Anruf fehlgeschlagen ist. Ich habe versucht, die verfügbaren Lösungen auf stackoverflow wie mit einem Interceptor zu verwenden.

angular.module('app').factory('httpInterceptor', ['$q', '$rootScope', 
    function ($q, $rootScope) { 
    var loadingCount = 0; 

    return { 
     request: function (config) { 
     if(++loadingCount === 1) { 
      $rootScope.$broadcast('loading:progress'); 
     } 
     return config || $q.when(config); 
     },  
     response: function (response) { 
     if(--loadingCount === 0) { 
      $rootScope.$broadcast('loading:finish'); 
     } 
     return response || $q.when(response); 
     },  
     responseError: function (response) { 
     if(--loadingCount === 0) { 
      $rootScope.$broadcast('loading:finish'); 
     } 
     return $q.reject(response); 
     } 
    }; 
    } 
]).config(['$httpProvider', function ($httpProvider) { 
    $httpProvider.interceptors.push('httpInterceptor'); 
}]); 

jedoch bei diesem Ansatz die $rootScope.$broadcast('loading:finish') aufgerufen wird, nachdem jeder $ http Anruf beendet ist. Ich möchte ein Ereignis auslösen, wenn alle $ http-Aufrufe beendet sind.

Ich kann $q nicht verwenden, da die Aufrufe $http auf meiner Seite zu verschiedenen Direktiven gehören und nicht in demselben Controller aufgerufen werden.

Answer 1

Sie können den folgenden Code verwenden, um die Anzahl der ausstehenden Anfragen für $ http zu überprüfen. Ich benutze dies, um den Lade-Spinner in meinem Projekt anzuzeigen.

$http.pendingRequests.length 

Für eine Spur ausgefallener halten und den Erfolg nennt man so etwas wie diese verwenden:

angular.module('myApp', []) 
.run(function ($rootScope){ 
    $rootScope.failedCalls = 0; 
    $rootScope.successCalls = 0; 
}) 
.controller('MyCtrl', 
function($log, $scope, myService) { 
$scope.getMyListing = function(employee) { 
    var promise = 
     myService.getEmployeeDetails('employees'); 
    promise.then(
     function(payload) { 
      $scope.listingData = payload.data; 
      $rootScope.successCalls++; //Counter for success calls 
     }, 
     function(errorPayload) { 
     $log.error('failure loading employee details', errorPayload); 
     $rootScope.failedCalls++; //Counter for failed calls 
     }); 
}; 
}) 
.factory('myService', function($http) { 
    return { 
    getEmployeeDetails: function(id) { 
    return $http.get('/api/v1/employees/' + id); 
    } 
} 
}); 

Im Grunde habe ich erstellt 2 Stammbereich Variablen und es als Zähler verwendet Zählung der Erfolg aufrecht zu erhalten und sind gescheitert Anrufe, die Sie verwenden können, wo immer Sie wollen.