AngularJS错误:未知提供者:sharedServiceProvider < - sharedService

Question

我按照这个例子http://jsfiddle.net/simpulton/XqDxG/,也可以在这里找到http://youtu.be/1OALSkJGsRw

var myModule = angular.module('myModule', []);
myModule.factory('mySharedService', function($rootScope) {
var sharedService = {};

sharedService.message = '';

sharedService.prepForBroadcast = function(msg) {
    this.message = msg;
    this.broadcastItem();
};

sharedService.broadcastItem = function() {
    $rootScope.$broadcast('handleBroadcast');
};

return sharedService;
});

总是得到这个消息后

错误:未知提供者:sharedServiceProvider < - sharedService

我只是复制了jsfiddle的代码.我很惊讶 同样的错误.疯狂,导致jsfiddle代码工作完美.

这段代码可以弃用吗？

Answer 1

由于jsFiddle运行正常,只有在将代码移动到应用程序时才会出现问题,我认为问题出在应用程序初始化逻辑中.

您应该确保您的ng-app指令指定了您要使用的模块名称,例如:ng-app="myModule".如果你检查jsFiddle中的"Info"面板,你会发现它的body标签配置如下:<body ng-app="myModule">.

在任何情况下,您的问题都没有链接到任何不推荐使用的版本更改/框架功能,我们可以轻松地将AngularJS更新到最新版本,并且运行得很好.这是更新的jsFiddle:http://jsfiddle.net/fRzAD/1/