Search code examples
angularjsangularjs-service

How to use angularJS interceptor to only intercept specific http requests?


I know how to intercept ALL requests, but I only want to intercept requests from my resources.

Does anyone know how to do this?

services.config(['$httpProvider',function($httpProvider) {
    $httpProvider.interceptors.push('myHttpInterceptor');
}]);

services.factory("userPurchased", function ($resource) {
    return $resource("/api/user/purchases/:action/:item", 
        {}, 
        {
            'list': {method: 'GET', params: {action: 'list'}, isArray: false},
            'save': {method: 'PUT', params: {item: '@item'}},
            'remove': {method: 'DELETE', params: {item: '@item'}},
        }
    );
});

services.factory('myHttpInterceptor', function($q,$rootScope) {
    // $rootScope.showSpinner = false;
    return {

      response: function(response) {
        $rootScope.showSpinner = false;
        // do something on success
        console.log('success');
        console.log('status', response.status);
        //return response;
        return response || $q.when(response);
      },

     responseError: function(response) {
        // do something on error
        $rootScope.showSpinner = true;
        console.log('failure');
        console.log('status', response.status)
        //return response;
        return $q.reject(response);
      }
    };
  });

Solution

  • If you want to intercept only requests from specific resources, you can use optional interceptor property of $request action. Angular's documentation see here (Usage>actions)

    JavaScript

    angular.module('app', ['ngResource']).
      factory('resourceInterceptor', function() {
        return {
          response: function(response) {
            console.log('response intercepted: ', response);
          }
        }
      }).
      factory('resourceService', ['$resource', 'resourceInterceptor', function($resource, resourceInterceptor) {
        return $resource(":name", 
            {}, 
            {
                'list': {method: 'GET', isArray: false, interceptor: resourceInterceptor}
            }
        );
      }]).
      run(['resourceService', '$http', function(resourceService, $http) {
        resourceService.list({name: 'list.json'}); // <= intercepted
        $http.get('list.json'); // <= not intercepted
      }]);
    

    Plunker: http://plnkr.co/edit/xjJH1rdJyB6vvpDACJOT?p=preview