TypeError: XXX undefined with AngularJS inline array annotation

Question

Im making an AngularJS Application and Im trying to insert JSONwebtoken into the headers, but I can't figure out what's wrong with my code. Can you guys help me out?

My application config:

application.config(['$routeProvider','$httpProvider', '$locationProvider', function($routeProvider, $locationProvider, $localStorage, $window, $httpProvider) {

  $httpProvider.interceptors.push('AuthInterceptors');

}]);

And my AuthInterceptors factory:

application.factory("AuthInterceptors", function(AuthToken) {
  var authInterceptorsFactory = {};

    authInterceptorsFactory.request = function(config) {

      var token = AuthToken.getToken();

      if(token) config.headers['x-access-token'] = token;

      return config;
    };

  return authInterceptorsFactory;
});

Thanks guys!

Anurag Awasthi · Accepted Answer · 2018-06-02 15:17:47Z

1

Your order of dependencies is not correct in your function. You have to keep the same order of dependencies in your function and in your annotations,

application.config(['$routeProvider','$httpProvider', '$locationProvider', function($routeProvider,$httpProvider, $locationProvider) {

  $httpProvider.interceptors.push('AuthInterceptors');

}]);

answered Jun 2, 2018 at 15:17

Anurag Awasthi

6,2532 gold badges21 silver badges34 bronze badges

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

Comments

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

0

From the Docs:

Inline Array Annotation

When using this type of annotation, take care to keep the annotation array in sync with the parameters in the function declaration.

— AngularJS Developer Guide - Dependence Injection

This problem can be avoided by using Implicit Annotation. Tools like ng-annotate let you use implicit dependency annotations in your app and automatically add inline array annotations prior to minifying.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Jun 2, 2018 at 22:13

georgeawg

49k13 gold badges78 silver badges98 bronze badges

Collectives™ on Stack Overflow

TypeError: XXX undefined with AngularJS inline array annotation

2 Answers 2

Comments

Inline Array Annotation

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Inline Array Annotation

Comments

Your Answer

Sign up or log in

Post as a guest

Related