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;
}]);
}]);
@abyx

This comment has been minimized.

Show comment Hide comment
@abyx

abyx Jul 3, 2014

This is the code from this post.

It is released under the Apache 2.0 license.

Owner

abyx commented Jul 3, 2014

This is the code from this post.

It is released under the Apache 2.0 license.

@wellercs

This comment has been minimized.

Show comment Hide comment
@wellercs

wellercs Feb 27, 2015

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

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

@fyodorvi

This comment has been minimized.

Show comment Hide comment
@fyodorvi

fyodorvi Nov 12, 2015

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

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

@andresmoschini

This comment has been minimized.

Show comment Hide comment
@andresmoschini

andresmoschini Mar 30, 2016

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

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