在 angular.js 中实现 http 拦截器

Question

我的项目中有 RestCall 服务。我使用 $http.get 从后端获取数据。 我想显示加载图像，直到我获得数据。如何使用拦截器来做到这一点。

Answer 1

第 1 步：在配置中注入 $httpProvider

.config(function($httpProvider...............

第 2 步：按照示例

.config(function($httpProvider){
    $httpProvider.interceptors.push(function($rootScope){
        return {
            request: function(config){
                //Show loading  
                return config ;  
            },
            requestError: function(response){
                //Hide loading
                return response;
            },
            response: function(response){
                //Hide loading
                return response;
            },
            responseError: function(response){
                //Hide loadig
                return response;
            }
        };
    });
})