Реализовать http-перехватчик в angular.js

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; 
      } 
     }; 
    }); 
})