Angular global error handler with service dependency

Question

Trying to create a global error handler that should present an error modal on error by configuring the $httpProvider adding a interceptor. The modal produces a dependency on a service. Which I can't inject into a config block. I have tried lazy loading the service using $injector, but doesn't work. How would you solve it?

edit just found $exceptionHandler, trying it. No luck cirk dep :$modal <- errorModalService <- $exceptionHandler <- $rootScope

Please show as much relevant code as possible.

tasseKATT
– tasseKATT

2014-05-22 18:06:53 +00:00
Commented May 22, 2014 at 18:06 — tasseKATT
– tasseKATT, Commented May 22, 2014 at 18:06

pkozlowski.opensource · Accepted Answer · 2014-05-22 18:11:07Z

4

Yes, it is true that AngularJS DI subsystem can be tricky with circular dependencies. Not sure what you've tried and what didn't work but you can always get a required dependency from the $injector. Doing so from a $http interceptor is pretty easy:

  .factory('errInterceptor', function ($q, $injector) {
    return {
      responseError: function(response) {
          $injector.get('$modal').open({
            template: '<h4>$http error!</h4>',
          });
      }
    }
  })

Here is a working plunk: http://plnkr.co/edit/n172IrR9259qi4qG0H3I?p=preview

answered May 22, 2014 at 18:11

pkozlowski.opensource

117k60 gold badges329 silver badges286 bronze badges

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

1 Comment

twDuke Over a year ago

looks promising, trying it now!

Collectives™ on Stack Overflow

Angular global error handler with service dependency

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related