0

Preciso chamar uma function após todas requisições get/post estiverem finalizadas. Obs: não posso chamar essa função várias vezes!

        angular
        .module('app.services')
        .config(InterceptorConfig)
        .service('InterceptorService', InterceptorService);

    function InterceptorConfig($httpProvider) {
        $httpProvider.interceptors.push('InterceptorService');
    }

    InterceptorService.$inject = ['$q', '$rootScope', 'Constants'];

    function InterceptorService($q, $rootScope, Constants) {
      return {
        request: function(config) {
            ##########################

            NÃO POSSO CHAMAR AQUI  

            ########################## 
            if (config.method === 'POST' && !config.file) {
                config.headers["Content-Type"] = "application/json";
            }

            if (!config.notloader) {
                $rootScope.$broadcast("loader_show");
            }
            return config || $q.when(config);
        }

2 Respostas 2

1

Tu pode usar o retorno no "success" para executar algo em caso de sucesso ou até mesmo carregar um erro com o retorno "error" de uma chamada http. Segue o simples exemplo:

$http.get('').success(functional(retorno){
  //Faz algo caso de sucesso
}).error(function(msg){
  //Escreve o erro
});
});
0

Voce pode usar eventos para enviar um evento "carregando:finalizado", por exemplo, e colocar um $scope dentro de um Controller or Directive "ouvindo/listening" aquele evento e executar quando o evento acontecer.

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

        return {
            request: function (config) {
                if (++loadingCount === 1) $rootScope.$broadcast('carregando:andamento');
                return config || $q.when(config);
            },

            response: function (response) {
                if(--loadingCount === 0) $rootScope.$broadcast('carregando:finalizado');
                return response || $q.when(response); 
            },

            responseError: function (response) {
                if(--loadingCount === 0) $rootScope.$broadcast('carregando:erro');
                return $q.reject(response);
            }
        };
     }
 ]).config(['$httpProvider', function ($httpProvider) {
     $httpProvider.interceptors.push('InterceptorService');
}]);

Exemplo usando uma Directive:

.directive("loader", function ($rootScope) {
    return function ($scope, element, attrs) {
        $scope.$on("carregando:finalizado", function () {
            // chamar uma function aqui - todas requisições get/post foram finalizadas
        });
    };
});

Usando um Controller

$scope.$on('carregando:finalizado', function (){
     // chamar uma function aqui - todas requisições get/post foram finalizadas
});
4
  • Ou voce pode criar uma Directive bem simples que apenas listen por aquele evento e chama a funcao que vc precisa. Ai voce coloca essa directive no header ou footer da applicacao (um lugar generico). Dessa forma essa directive generica iria ser suficiente pra administrar isso. 18/02/2016 às 17:52
  • if(--loadingCount === 0) $rootScope.$broadcast('carregando:finalizado'); passa mais de uma vez ainda. 18/02/2016 às 17:59
  • Compreendi muito bem sua solução, já até tinha tentado isso e passei pelo mesmo problema, pelo fato de ser async. 18/02/2016 às 18:00
  • @MaxFerreira Se todas as requisicoes fizerem parte de um mesmo Service voce poderia usar Promises ($q). Eu respondi uma pergunta similar aqui stackoverflow.com/a/18674913/1310945 19/02/2016 às 10:31

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .