Angular cancelable http requests

angular-cancelable-http.js

(function(){

  angular
  
  .module('cancelableHttp')
  
  .config(config)
  
  .service('CancelableHttpService', httpService)
  
  .factory('CancelableHttpInterceptor', httpInterceptor)


  function config ($httpProvider) {

    $httpProvider.interceptors.push('CancelableHttpService');

  }
  

  function httpService ($q) {
  
    var cancelablePromises = [], CancelableHttpService = {};

    CancelableHttpService.cancelablePromise = function () {
    
      var cancelablePromise = $q.defer();
      
      cancelablePromises.push(cancelablePromise);
      
      return cancelablePromise.promise;
      
    };

    CancelableHttpService.cancelAll = function () {
    
      angular.forEach(cancelablePromises, function (cancelPromise) {
      
        cancelPromise.resolve();
        
      });

      cancelablePromises = [];
      
    };

    return CancelableHttpService;
    
  };

  function httpInterceptor ($q, CancelableHttpService) {
  
    return {
    
      request: function (config) {
      
        if (config && config.timeout === undefined)
          config.timeout = CancelableHttpService.cancelablePromise();

        return config;
        
      }
      
    };
    
  };
  
})()

1. Inject CancelableHttpService

2. For example when route start change:

   $rootScope.$on('$stateChangeStart', function (e, toState, toParams, fromState, fromParams) {
   
   ...
   if (toState != fromState)
     CancelableHttpService.cancelAll()
   ...
   
   })