Injection de service dans la configuration. AngularJS

Question

J'ai ce service:

app.service("UserService", function(){ 

    var userService = {}; 
    userService.userInfo = [ 
     {firstName: "John", lastName: "Doe"}, 
     {firstName: "Carl", lastName: "Smith"} 
     ]; 
    return userService; 
}); 

Et je veux injecter dans un .config de définir des itinéraires (pour lesquels j'utilise ui-routeur)

app.config(["userService", function($stateProvider, userService){ 
    $stateProvider 
    .state("#",{ 
     templateUrl: "index.html", 
     controller: "UserListController" 
    }) 
    .state('users', { 
     url: '/user/:username', 
     templateUrl: "view/userProfile.html", 
     controller: "UserListController", 
     params: { username: userService.userInfo[0].firstName} 
      }) 
... 

Ce n'est pas fonctionner correctement. Des idées sur je peux injecter les données dans ce service à être consulté par le .config?

Merci :)

Answer 1

Lors de la configuration vous ne pouvez accéder aux fournisseurs, dans votre cas, vous pouvez accéder à UserServiceProvider en l'injectant dans votre app.config comme ceci:

app.config(function(UserServiceProvider){ 
    // Config stuffs... 
}) 

Avec ce fournisseur, vous pouvez accéder à votre propriété de service avec $get() comme ceci par exemple:

UserServiceProvider.$get().userInfo[0] 

Here est un plunker de travail

Answer 2

Pour les injections dans AngularJS, si vous allez donner les noms que vous allez injecter, vous devez donner tous les noms et la même façon que l'a déclaré.

Dans ce cas:

app.config(["$stateProvider", "UserService", function($stateProvider, userService){ 

Answer 3

Les constantes sont injectable tant dans la phase de configuration et la phase de l'exécution:

app.constant("UserConstant", { 
    userInfo:[ 
     {firstName: "John", lastName: "Doe"}, 
     {firstName: "Carl", lastName: "Smith"} 
    ] 
}); 

De la documentation:

constant (nom, valeur);

Enregistrez un service constant avec le $injector, tel qu'une chaîne, un nombre, un tableau, un objet ou une fonction. Comme le value, il n'est pas possible d'injecter d'autres services dans une constante.

Mais contrairement value, une constante peut être injecté dans une fonction de configuration du module (voir angular.Module) et il ne peut pas être surchargée par un AngularJS decorator.

Angular $provider API Reference - constant