Ошибка типа: XXX не определено с аннотацией встроенного массива AngularJS

Question

Я создаю приложение AngularJS и пытаюсь вставить JSONwebtoken в заголовки, но я не могу понять, что не так с моим кодом.Ребята, вы можете мне помочь?

Конфигурация моего приложения:

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

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

}]);

И моя фабрика AuthInterceptors:

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;
});

Спасибо, ребята!

Answer 1

Из документов:

Встроенная аннотация массива

При использовании аннотаций этого типа старайтесь синхронизировать массив аннотаций с параметрами в объявлении функции.

- Руководство разработчика AngularJS - Внедрение зависимостей

Эту проблему можно избежать, используя Неявная аннотация .Такие инструменты, как ng-annotate , позволяют использовать в приложении неявные аннотации зависимостей и автоматически добавлять аннотации встроенного массива до минимизации.

Answer 2

Ваш порядок зависимостей неверен в вашей функции.Вы должны поддерживать одинаковый порядок зависимостей в вашей функции и в аннотациях:

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

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

}]);