javascript - 如何知道angular完成了所有的处理和渲染

Question

我需要停止进度条。如果我有多个 http 请求，我怎么知道所有线程何时完成以及所有响应都已呈现。我尝试在响应中使用 $httpProvider.interceptors，但我不知道这是否是最后一个 http 响应。而且你也不知道什么时候会呈现最后一个响应。

Answer 1

您可以在您的拦截器中通过 http.pendingRequests 跟踪挂起的请求

angular.module('myApp').factory('myHttpResponseInterceptor', function($q, $location, $injector, $rootScope){
    var _http = null;

    return {
        request: function(config){
            $rootScope.$broadcast("loader_show");
            return config;
        },
        response: function(response){
            _http = _http || $injector.get('$http');
            if(_http.pendingRequests.length < 1){
                $rootScope.$broadcast("loader_hide");
            }
            return response;
        },
        responseError: function (response) {
            _http = _http || $injector.get('$http');
            if(_http.pendingRequests.length < 1){
                $rootScope.$broadcast("loader_hide");
            }
            console.log("response rejected in interceptor");
            return $q.reject(response);
        }
    };
});

我已经在我的项目中使用了它，它工作得很好。

希望对你也有帮助。