Angular $ http error handling locally, returning to global error handling

Question

I have an Angular component based application where individual components load their respective data. When errors occur, I usually want the component to display an error message.

However, in some cases, I would like the component to ignore the error and leave it to some global error handling mechanism to catch it.

interceptor:

angular.module("...").factory("httpInterceptor", function($q) {
    return {
        responseError: function(response) {
            // (1)
            return $q.reject("I AM CALLED FIRST") 
        }
})

Serivce:

angular.module("...").service("myService", function($http){
    return {
        fetchData: function(){
            return $http.get("...")    
        }
    }
})

Controller:

angular.module("...").controller("MyController", function(myService){
    myService.fetchData()
        .then(function(){ ... })
        .catch(function() { 
           // (2) 
           //I AM CALLED LAST
        })
})

In most cases, I want the error to be processed in the controller (at point (2)). If the controller decides to ignore the error (omit capture), the error can still be detected in the interceptor.

, , , . , ( , , ).

HTTP, ?

Answer 1

promises promises, , $http, promises.

, :

$httpProvider.interceptors.push(['$q', '$timeout',
        function ($q, $timeout) {
            return {
                responseError: function (response) {
                    $timeout(function () {
                        if (response.errorHandled) {
                            return;
                        }
                        // global AJAX error handling
                    }, 0);
                    return $q.reject(response);
                }
            };
        }
    ]);

- .catch():

.catch(function(response){response.errorHandled = true;})

(, SO, .)

Answer 2

, $exceptionHandler . :

$provide.decorator('$exceptionHandler', extendExceptionHandler);

Answer 3

, $http-, , errorCallback.

, $http , unhandledHttpError, $http , errorCallback.

---

unhandledHttpError:

$http.get('/invalid/url').then(function() {
    //success handler
});

unhandledHttpError:

$http.get('/invalid/url').then(function() {
    //success handler
}, function() {
    //error handler
});

unhandledHttpError:

$rootScope.$on('unhandledHttpError', function(event, response) {...});

---

: https://jsfiddle.net/45w6o79p/27/

"myConfig" $http, , unhandledHttpError.