AngularJS - Inconnu fournisseur de la configuration de $httpProvider

Dans l'exemple de code suivant:

myApp.config(['$httpProvider', function($httpProvider, $cookieStore) {

    $httpProvider.defaults.withCredentials = true;

    $httpProvider.defaults.headers.get['Authorization'] = 'Basic '+ $cookieStore.get('myToken');

    return JSON.stringify(data);

}]);

- Je obtenir une angularjs d'erreur comme "Inconnu fournisseur de $cookieStore'.

'myApp' a dependenciy et "ngCookies" et angular-cookies.min.js est laoded, quel est donc le problème avec ce code ?

Est ce qui fait que je suis en train de faire cela .config ?

Pourquoi ne pas vous aussi à nous montrer votre myApp code d'initialisation.

OriginalL'auteur kij | 2013-06-26

  1. 14

    Parce qu'il est uniquement possible de passer les fournisseurs lors de la configuration, j'ai enfin terminé la réécriture de mon http paramètre qui n'est pas avec une demande de transformateur, mais par la création d'un service de l'usine à faire des demandes.

    Voici un exemple de code du service (pas testé, juste pour information):

    angular.module('myapp-http-request', []);
angular.module('myapp-http-request')
.factory('MyRequests', function($http, $cookieStore){

    return {
        request: function(method, url, data, okCallback, koCallback){
            $http({
                method: method,
                url: url,
                data: data
            }).success(okCallback).error(koCallback);
        },
        authentifiedRequest: function(method, url, data, okCallback, koCallback){
            $http({
                method: method,
                url: url,
                data: data,
                headers: {'Authorization': $cookieStore.get('token')}
            }).success(okCallback).error(koCallback);
        }
    }
});

    Et exemple d'utilisation (pas testé, juste pour information):

    angular.module('sharewebapp', ['myapp-http-request'])
.controller('MyController', ['MyRequests', function(MyRequests){
    MyRequests.authentifiedRequest('DELETE', '/logout', '', function(){alert('logged-out');}, function(){alert('error');})
}]);
    Cela a aussi des problèmes depuis les en-têtes de l'usine sera statique. Essayez de vous connecter, puis, ensuite, à nouveau et vous vous rendrez compte que c'est toujours l'aide de l'ancien jeton.

    OriginalL'auteur kij

  2. 2

    Vous avez probablement besoin d'ajouter de la cookieStore

    myApp.config(['$httpProvider', '$cookieStore', function($httpProvider, $cookieStore)
    déjà à l'essai et de l'erreur disparait mais j'ai eu un "pas possible d'obtenir sur undefined', j'.e $cookieStore est pas défini
    oh que c'est vrai. dans le fichier de configuration, vous pouvez utiliser uniquement les fournisseurs, tandis que dans le .exécuter une partie, vous pouvez uniquement utiliser des instances. je suppose que cookieStore n'est pas un fournisseur
    Damnés. Est-il une autre façon de définir dynamiquement en-tête lors de la demande de $http?
    Je pense que vous pouvez le transformer en demande et en-têtes de réponse. Je n'ai pas essayé moi-même. cochez la case "transformer" en docs.angularjs.org/api/ng.$http
    Yep, en fait ce code a déjà été mis dans un transformateur, configuré sur le $httpProvider. Mais, enfin, pour la raison découvert ensemble, j'ai résolu ce problème par la création d'un service "RequestService' avec 'publicRequest" et "privateRequest" les méthodes à utiliser $http et les ajouter automatiquement mon jeton paramètre $http. Je vais mettre à jour ma question avec la réponse et un exemple de code. Merci pour votre aide

    OriginalL'auteur Eduard Gamonal

  3. 2

    J'avais rencontré ce même problème, donc je vais poster la façon dont j'ai obtenu autour d'elle. J'ai essentiellement utilisé le $injecteur module de manuel de saisir une instance du service dont j'avais besoin. Remarque cela fonctionne aussi pour les utilisateur de services définis. 

     angular.module('app').
 config(config);

 config.$inject = ['$httpProvider'];

 function config($httpProvider) {
  //Inject using the $injector
  $httpProvider.interceptors.push(['$injector', function($injector){
  return {
    request: function(config) {

      //Get access by injecting an instance of the desired module/service
      let $cookieStore = $injector.get('$cookieStore');

      let token = $cookieStore.get('your-cookie-name');
      if (token) {
        config.headers['x-access-token'] = token;
      }
      return config;
    }
  }
}])
}

    OriginalL'auteur BoxBet

  4. 0

    De l'utilisation du Module.run() semble être le moyen le plus propre pour définir les en-têtes qui sont toujours nécessaires. Voir ma réponse ici: AngularJS passer requestVerificationToken à un service

    OriginalL'auteur Josh Russo