Global $httpProvider responseInterceptors can not depend on services which depend on $http

[Zariel]

Currently if you register a responseInterceptor on $httpProvider you can not inject a service which depends itself on $http as you get a circular dependency loop due to $http being instantiated when $httpProvider is accessed.

I'm not sure if this is a bug within the DI itself or how $httpProvider handles responseInterceptor instantiation. The error thrown is

Uncaught Error: Circular dependency: service <- $http <- $compile 

Fiddle to show the problem:

http://jsfiddle.net/nkKpc/4/

[rewritten]

It's in fact a circular dependency. What you need is to inject "$injector", and use it inside the interceptor to instantiate the dependency.

angular.module("my-interceptor", [])
.provider("myInterceptor", function MyInterceptorProvider() {

  this.$get = ["$injector", function($injector) {
    var $http;
    this.usedLater = function() {
      $http = $http || $injector.get("$http");
      // do something with $http
    }
  }]
)

[petebacondarwin]

@rewritten 👍

[lucas]

👍 thanks @rewritten!

[ThomasDalla]

👍
Thanks @rewritten

[daandvs]

thank you! 👍

[sheelpriy]

thanks. (Y)

[rgksugan]

👍 thanks @rewritten!