Handle angular http errors using interceptors

Question

My question is what is the best way to handle errors from http REST calls. Should I use interceptors or decorators? My rest functions look something like this:

    queryFunction : function (config) {
    var defer = $q.defer();
    var config = {};
    $http.get(someUrl, config) //or http.put, delete
      .then(function (response) {
        defer.resolve(response.data);
      })
      .catch(function (ex) {
        defer.reject(ex);
      });
    return defer.promise;
    },

How will the simplest interceptor look?

shershen · Accepted Answer · 2016-05-23 14:02:48Z

1

Here's the code for generic $http ErrorInterceptor:

  app.factory('ErrorInterceptor', ['$q', function($q) {
    return {
        responseError: function(rejection) {
            // An error message is shown for all kind of server errors
            if (rejection.status == -1) {
            //alert('Backend is not working');
            //use rejection.data variable 
            }
            return $q.reject(rejection);
         }
     };
   }])

Then it can be included into app config

app.config(['$httpProvider', function($httpProvider) {
  $httpProvider.interceptors.push('ErrorInterceptor');
})

answered May 23, 2016 at 14:02

shershen

10k11 gold badges44 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

playerone Over a year ago

Thanks that was the answer I was looking for.

playerone Over a year ago

Can you please post generic jasmine unit test for code above?

playerone Over a year ago

To answer my own question if anyone need it use: 'code "use strict"; describe('ErrorInterceptor', function() { var ErrorInterceptor; var httpProviderIt; beforeEach(function() { module('moduleName', function ($httpProvider) { //save our interceptor httpProviderIt = $httpProvider; }); inject(function(ErrorInterceptor) { ErrorInterceptor = ErrorInterceptor; console.log(ErrorInterceptor); }); }); it('should have ErrorInterceptor be defined', function () { expect(ErrorInterceptor).toBeDefined(); }); });'

Collectives™ on Stack Overflow

Handle angular http errors using interceptors

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related