AngularJS [$ injector:unpr]未知的提供者

Question

我试图将服务注入控制器,我收到以下错误:

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] 

这是代码的plunker.任何帮助,将不胜感激.

Answer 1

你正在重复angular.module('demoApp', [])它将清除附加到已经添加的模块的任何实体并重新创建模块,在模块初始化之后你应该使用它的引用或者只是使用angular.module('demoApp').service...它将检索你可以添加服务的模块等. .

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

});

演示

来自Doc的报价: -

请注意,使用angular.module('myModule',[])将创建模块myModule并覆盖任何名为myModule的现有模块.使用angular.module('myModule')检索现有模块.