How to set a global http timeout in AngularJs

Question

I know I can set a timeout each and every time:

$http.get('path/to/service', {timeout: 5000}); 

... but I want to set a global timeout to keep my code DRY.

Answer 1

This is possible with bleeding-edge angular.js (tested with git master 4ae46814ff).

You can use request http interceptor. Like this.

 angular.module('yourapp')   .factory('timeoutHttpIntercept', function ($rootScope, $q) {     return {       'request': function(config) {         config.timeout = 10000;         return config;       }     };  }); 

And then in .config inject $httpProvider and do this:

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

Answer 2

UPDATED: $http will not respect default setting for timeout set it in httpProvider (see the comments). Possible workaround: https://gist.github.com/adnan-i/5014277

Original answer:

angular.module('MyApp', [])   .config(['$httpProvider', function($httpProvider) {     $httpProvider.defaults.timeout = 5000; }]);