Inject http into httpProvider in AngularJS

Question

I want to make it so that users are automatically logged out by having the client terminate the session (as opposed to letting the session die on its own). I pushed an interceptor onto the $httpProvider which allows me to set and reset the timeout timer, but the problem is that I can't figure out how to call the logout function which requires $http. This always produces a circular dependency. Is there any way to do this?

app.config(['$httpProvider', function($httpProvider) {
  $httpProvider.interceptors.push(
    function() {
      return {
        response: function(response) { $http({ ... }); }
      })}

If I make $http a dependency, I get a circular dependency, but without the $http dependency, the call to $http obviously doesn't work.

jfadich · Accepted Answer · 2015-06-24 22:07:10Z

4

You should be careful using $http inside an interceptor as it has the potential to cause an infinite loop. Consider refactoring so $http isn't required

That said you can try injecting the $injector instead. Then where you want to make the $http request just use $injector.get('$http')

app.config(['$httpProvider, $injector', function($httpProvider, $injector) {
  $httpProvider.interceptors.push(
    function() {
      return {
        response: function(response) { $injector.get('$http') }
      })}

edited Jun 24, 2015 at 22:07

answered Jun 24, 2015 at 20:47

jfadich

6,4182 gold badges23 silver badges32 bronze badges

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

Comments

Pankaj Parkar · Accepted Answer · 2015-06-24 20:48:19Z

1

You need to inject $http dependancy inside theinceptor.push function, you could also inject other dependencies from there.

Code

app.config(['$httpProvider',
    function($httpProvider) {
       $httpProvider.interceptors.push(
         function($http) { //<--here you could make dependency available.
           return {
             response: function(response) {
               $http({...});
             }
           })
         }])

edited Jun 24, 2015 at 20:48

answered Jun 24, 2015 at 20:41

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

1 Comment

Cyril Gandon Over a year ago

Maybe for other services, but injecting the service inside its provider gives me an error Circular dependency found: $http <- $http <- $templateFactory <- $view <- $state

dlauzon · Accepted Answer · 2020-03-17 17:13:22Z

0

I used a crossover of the previous answers (use $injector, but in the push() ) to get it working as expected:

app.config(['$httpProvider', function($httpProvider) {

  $httpProvider.interceptors.push(function($q, $injector) {
      ...
      //now get $http like this and use it as needed:
      $injector.get('$http')

answered Mar 17, 2020 at 17:13

dlauzon

1,34116 silver badges24 bronze badges

Collectives™ on Stack Overflow

Inject http into httpProvider in AngularJS

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related