将自定义服务注入另一个自定义服务时出错

时间:2014-07-24 19:22:04

标签: angularjs angularjs-service

现在我的视图模板中引用了我的脚本文件,我将第一个注入到第二个文件中时遇到了问题。

如果我取消了LearnerService对SCORMService的依赖关系,一切都按计划显示,但当然不起作用,因为LearnerService依靠SCORMService来实现其目的。当我尝试在我的学习者服务中实际使用我的SCORMService时,我得到Michael Bay爆炸和悲伤的长号。

所以,我正在使用ngRoute。这可能很重要;也许不吧。 我将列出我的app.js,我在index.html中的脚本排序,learnerServices.js,SCORMServices.js和controllers.js

app.js

'use strict';
var app = angular.module('client', [
   'ngRoute'
  ,'controllers'
  ,'services.proxy.scorm'
  ,'services.proxy.lms'
]);

的index.html

...
<script src="js/app.js"></script>
  <script src="js/controllers.js"></script>
  <script src="js/SCORMService.js"></script>
  <script src="js/LearnerServices.js"></script>
</head>
<body>

    <div class="view-container">
        <div ng-view class="view-frame"></div>
    </div>

</body>
</html>

LearnerServices.js

'use strict';
var learnerServices = angular.module('services.proxy.lms',['scorm-service']);

learnerServices.factory('LearnerService', [ 'scorm-service', function(){
    return true;
}]);

SCORMService.js

'use strict';
var services = angular.module('services.proxy.scorm', []);
services.factory('scorm-service',function(){
   var foo = {};
   foo.bar = "snazzy jazzy";
   return foo;

});

我似乎试图在今天愚蠢的错误上垄断市场。谁能看到我这次犯的蠢事?

2 个答案:

答案 0 :(得分:3)

这一行应该是:

var learnerServices = angular.module('services.proxy.lms',['services.proxy.scorm']);

请注意,在您的代码中,您说模块依赖于scorm-service,但模块的依赖关系是services.proxy.scorm

答案 1 :(得分:0)

首先在html中加载依赖项。那会帮助你。