Issue getting $rootScope injected into config of Angular?

Question

I am doing:

myApp.config([
  '$httpProvider', '$rootScope', function($httpProvider, $rootScope) {
    $httpProvider.interceptors.push(function($q) {
      return {
        responseError: function(rejection) {
          var defer;
          defer = $q.defer();
          if (rejection.status === 401) {
            $rootScope.$broadcast('api-error', rejection);
          }
          defer.reject(rejection);
          return defer.promise;
        },
        response: function(response) {
          var defer;
          defer = $q.defer();
          console.log(response);
          if (response.status === 401) {
            $rootScope.$broadcast('api-error', response);
            defer.reject(response);
          } else {
            defer.resolve(response);
          }
          return defer.promise;
        }
      };
    });
  }
]);

But I get an error that it cannot find $rootScope. I read this answer and it says to do some weird global variable stuff, which seems like a bad idea. So how can I redirect to another route upon a 401 status?

possible duplicate of [Cannot get to $rootScope](http://stackoverflow.com/questions/10486769/cannot-get-to-rootscope) — Joe Enzminger, Feb 10 '15 at 16:33

score 13 · Accepted Answer · edited Sep 30 '16 at 15:59

13

Inject $rootScope in the interceptor, not in the configuration function:

myApp.config([
  '$httpProvider', function($httpProvider) {
    $httpProvider.interceptors.push(function($q, $rootScope) {
     ...

edited Sep 30 '16 at 15:59

Andrew Tobilko

48,120
14
91
142

answered Feb 10 '15 at 16:33

JB Nizet

678,734
91
1,224
1,255

Do I need to use the `array` if I will minify my code later? – Shamoon Feb 10 '15 at 16:34
and what about accessing `$state` as well? – Shamoon Feb 10 '15 at 16:35
Yes, you have to. But I much prefer using ngAnnotate and let it do that work for me at build time. – JB Nizet Feb 10 '15 at 16:35
Regarding $state, well it's another service that can be injected in your interceptor as well. – JB Nizet Feb 10 '15 at 16:36
I get `Circular dependency found: $state <- $http <- $templateFactory <- $view <- $state` when trying to include `$state` – Shamoon Feb 10 '15 at 16:37
1

Ah, I see. Then you'll have to use the `$injector` service and borrow the `$state` service (using `$injector.get('$state')`) from it instead of injecting `$state`. – JB Nizet Feb 10 '15 at 16:40

Issue getting $rootScope injected into config of Angular?

1 Answers1