Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
AngularJS HTTP Error Handling Mechanism
var HEADER_NAME = 'MyApp-Handle-Errors-Generically';
var specificallyHandleInProgress = false;
angular.module('myApp').factory('RequestsErrorHandler', ['$q', function($q) {
return {
// --- The user's API for claiming responsiblity for requests ---
specificallyHandled: function(specificallyHandledBlock) {
specificallyHandleInProgress = true;
try {
return specificallyHandledBlock();
} finally {
specificallyHandleInProgress = false;
}
},
// --- Response interceptor for handling errors generically ---
responseError: function(rejection) {
var shouldHandle = (rejection && rejection.config && rejection.config.headers
&& rejection.config.headers[HEADER_NAME]);
if (shouldHandle) {
// --- Your generic error handling goes here ---
}
return $q.reject(rejection);
}
};
}]);
angular.module('myApp').config(['$provide', '$httpProvider', function($provide, $httpProvider) {
$httpProvider.interceptors.push('RequestsErrorHandler');
// --- Decorate $http to add a special header by default ---
function addHeaderToConfig(config) {
config = config || {};
config.headers = config.headers || {};
// Add the header unless user asked to handle errors himself
if (!specificallyHandleInProgress) {
config.headers[HEADER_NAME] = true;
}
return config;
}
// The rest here is mostly boilerplate needed to decorate $http safely
$provide.decorator('$http', ['$delegate', function($delegate) {
function decorateRegularCall(method) {
return function(url, config) {
return $delegate[method](url, addHeaderToConfig(config));
};
}
function decorateDataCall(method) {
return function(url, data, config) {
return $delegate[method](url, data, addHeaderToConfig(config));
};
}
function copyNotOverriddenAttributes(newHttp) {
for (var attr in $delegate) {
if (!newHttp.hasOwnProperty(attr)) {
if (typeof($delegate[attr]) === 'function') {
newHttp[attr] = function() {
return $delegate[attr].apply($delegate, arguments);
};
} else {
newHttp[attr] = $delegate[attr];
}
}
}
}
var newHttp = function(config) {
return $delegate(addHeaderToConfig(config));
};
newHttp.get = decorateRegularCall('get');
newHttp.delete = decorateRegularCall('delete');
newHttp.head = decorateRegularCall('head');
newHttp.jsonp = decorateRegularCall('jsonp');
newHttp.post = decorateDataCall('post');
newHttp.put = decorateDataCall('put');
copyNotOverriddenAttributes(newHttp);
return newHttp;
}]);
}]);
Owner

abyx commented Jul 3, 2014

This is the code from this post.

It is released under the Apache 2.0 license.

Thanks for sharing! You may also want to add patch for completeness.

Storing specificallyHandleInProgress in global scope doesn't seem to be nice.

If we move specificallyHandleInProgress inside factory scope it should also work (before line 5), right?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment