AngularJS [$injecteur:unpr] Inconnu fournisseur

Je suis en train d'injecter un service dans le contrôleur, et j'obtiens l'erreur suivante:

Error: [$injector:unpr] Unknown provider: employeeServiceProvider <- employeeService
http://errors.angularjs.org/1.3.0-beta.17/$injector/unpr?p0=employeeServiceProvider%20%3C-%20employeeService
    at http://localhost:9082/angularJSDemo/js/lib/angular.js:78:12
    at http://localhost:9082/angularJSDemo/js/lib/angular.js:3894:19
    at Object.getService [as get]

Ici est plunker pour le code. Toute aide serait appréciée.

Si vous utilisez angulaire.module deux fois, la deuxième fois, vous devez laisser le deuxième paramètre, autrement, il va remplacer le module. angulaire.module("demoApp").factory()
Merci Zack, vous avez raison, il est aujourd'hui.

OriginalL'auteur JavaKB | 2014-08-07

  1. 18

    Vous répéter angular.module('demoApp', []) partout où il va effacer toutes les entités reliés au module qui a été déjà ajouté et recréer le module, après l'initialisation du module, vous devez utiliser sa référence, ou simplement utiliser angular.module('demoApp').service... en utilisant cela permettra de récupérer le module auquel vous pouvez ajouter des services etc...

    var module = angular.module('demoApp', []).controller('employeeController', function($scope, employeeService) {
    $scope.employees = employeeService.getData();
});


module.factory('employeeService', function (){
    return {
        getData : function(){
            var employees = [{name: 'John Doe', id: '1'}, 
                                {name: 'Mary Homes', id: '2'},
                                {name: 'Chris Karl', id: '3'}
                                ];

            return employees;
        }
    };

});

    Démo

    Citation de Doc:-

    Méfiez-vous que l'utilisation angulaire.module('myModule', []) va créer le module myModule et remplacer les module myModule. Utilisation angulaire.module('myModule') pour récupérer un module existant.

    Mon mauvais, le service et le contrôleur sont dans deux fichiers différents, quand j'étais copie de plunker, j'ai accidentellement collé dans un fichier. J'ai corrigé le plunker. Et j'ai eu ma réponse de Zack Argyle, merci beaucoup.
    bien sûr, à la fois les réponses je suppose que couvre tous les scénarios. angular.module('demoApp').service. Cela ne signifie pas .service ne peut être un service, il peut être installé en usine. 🙂 Citer un passage de la documentation est également assez explicite je pensais
    Mais, @PSL, ce qui se passe si je veux avoir de service et de contrôleur dans des fichiers séparés? Il n'est pas possible?
    bien sûr c'est possible et c'est un modèle commun. Utiliser le module de lecture de la syntaxe. angulaire.module("myapp").contrôleur de....
    merde, a été pris par erreur trop, merci pour l'aide PSL

    OriginalL'auteur PSL

  2. 3

    Je ne sais pas la raison pourquoi vous répétez le module (demoApp) de la création. Sur la ligne 6, vous avez tenté de créer demoApp module qui est la cause de votre problème. Votre code devrait ressembler à ceci: 

    angular.module('demoApp', [])
.controller('employeeController', function($scope, employeeService) {
    $scope.employees = employeeService.getData();
})
.factory('employeeService', function (){
    return {
        getData : function(){
            var employees = [{name: 'John Doe', id: '1'}, 
                                {name: 'Mary Homes', id: '2'},
                                {name: 'Chris Karl', id: '3'}
                                ];

            return employees;
        }
    };

});

    Ou

    var demoApp=angular.module('demoApp', [])
.controller('employeeController', function($scope, employeeService) {
    $scope.employees = employeeService.getData();
});

demoApp.factory('employeeService', function (){
    return {
        getData : function(){
            var employees = [{name: 'John Doe', id: '1'}, 
                                {name: 'Mary Homes', id: '2'},
                                {name: 'Chris Karl', id: '3'}
                                ];

            return employees;
        }
    };

});

    Au lieu de

    angular.module('demoApp', []).controller('employeeController', function($scope, employeeService) {
    $scope.employees = employeeService.getData();
});


angular.module('demoApp', []).factory('employeeService', function (){
    return {
        getData : function(){
            var employees = [{name: 'John Doe', id: '1'}, 
                                {name: 'Mary Homes', id: '2'},
                                {name: 'Chris Karl', id: '3'}
                                ];

            return employees;
        }
    };

});

    Si vous souhaitez conserver vos Contrôleurs dans un fichier séparé (c'est RECOMMANDÉ) du Service que vous pouvez envisager d'avoir quelque chose qui ressemble à ce que votre abcController.js

    angular.module('demoApp', ['demoApp.employeeController']).controller('employeeController', function($scope, employeeService) {
    $scope.employees = employeeService.getData();
});

    et xyzService.js 

    angular.module('demoApp.employeeController', []).factory('employeeService', function (){
    return {
        getData : function(){
            var employees = [{name: 'John Doe', id: '1'}, 
                                {name: 'Mary Homes', id: '2'},
                                {name: 'Chris Karl', id: '3'}
                                ];

            return employees;
        }
    };

});
    Mon mauvais, le service et le contrôleur sont dans deux fichiers différents, quand j'étais copie de plunker, j'ai accidentellement collé dans un fichier. J'ai corrigé le plunker. Et j'ai eu ma réponse de Zack Argyle, merci beaucoup.
    Vous êtes les bienvenus. Vous pouvez toujours faire un up/down vote que vous pourriez souhaiter. au moins pour l'effort

    OriginalL'auteur Paullo