Shared AngularJS $http interceptors

Question

I am wondering if Angular.js $http interceptors are shared thoughout the whole application.
Let's assume I have a myDependentApp module, shared between many apps. That module has some interceptor configured to control the $http requests/responses. I include that module by declaring it in application bootstrap:

angular.module('myApp', ['myDependentApp']);

And I have application template:

<html ng-app="myApp">

Are myDependentApp's interceptors going to be active in myApp?

Thanks for help.

Where did you configure it? if you configured it in your config block in 'myDependentApp' module, then yes, it will be active in myApp. — Michael Kang
– Michael Kang, Commented Feb 1, 2015 at 20:24
You're right, my post is quite unclear. I'll fix that. I was only curious that $httpInterceptors are available outside the module. I was afraid that interceptors are active only in module's scope but if you say they're available also in parent modules, it's great:) thanks! — Kuba T
– Kuba T, Commented Feb 1, 2015 at 20:30

Jochen van Wylick · Accepted Answer · 2015-02-01 20:57:44Z

6

The answer is yes, I tried it here:

var dependentApp = angular.module('dependency',[]).config(['$httpProvider', function($httpProvider) {
    $httpProvider.interceptors.push(function ($q) {
        return {
            'request': function (config) {
                console.log('request intercept');
            },

                'response': function (response) {
                console.log('response intercept');
            }
        };
    });
}]);

var app = angular.module('myapp', ['dependency']);
app.controller('mycontroller', ['$scope', '$http', function ($scope, $http) {
    $http.get('http://www.google.com');
}]);

And I saw that the request was being intercepted. Here's the fiddle: http://jsfiddle.net/6dbgo6pt/1/

answered Feb 1, 2015 at 20:57

Jochen van Wylick

5,4015 gold badges46 silver badges66 bronze badges

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

1 Comment

Saqib Ahmed Over a year ago

This code doesn't work now. You have to add return config from the request interceptor to make it work.

Community · Accepted Answer · 2020-06-20 09:12:55Z

1

The answer is Yes.

Directly from the docs

Angular services are:

Lazily instantiated – Angular only instantiates a service when an application component depends on it.

Singletons – Each component dependent on a service gets a reference to the single instance generated by the service factory.

$http is one such service createad using the provider recipe.

So this means that every module in your app will be served the very same $http service and those modules adding interceptors will be shared with the modules since again, the $http service is a singleton like any other angular- or custom built service using .service, .factory or .provider.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Feb 1, 2015 at 21:27

mengstrom

2333 silver badges13 bronze badges

Comments

przno · Accepted Answer · 2015-02-01 20:45:54Z

$http Interceptors:

For purposes of global error handling, authentication, or any kind of synchronous or asynchronous pre-processing of request or postprocessing of responses, it is desirable to be able to intercept requests before they are handed to the server and responses before they are handed over to the application code that initiated these requests. The interceptors leverage the promise APIs to fulfill this need for both synchronous and asynchronous pre-processing.

The interceptors are service factories that are registered with the $httpProvider by adding them to the $httpProvider.interceptors array. The factory is called and injected with dependencies (if specified) and returns the interceptor.

$httpProvider:

Use $httpProvider to change the default behavior of the $http service.

Collectives™ on Stack Overflow

Shared AngularJS $http interceptors

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related