将依赖项注入主模块时出错

时间:2016-05-18 13:41:36

标签: angularjs typescript

我想在我的主模块中注入依赖项

module app {
    angular.module("movie",
        ["common.services"]);
}

这会产生错误:

  

错误:$ injector:modulerr模块错误

如果我注释掉了dependecy,则应用程序加载正常。

module app {
    angular.module("movie",
        [/*"common.services"*/]);
}

这是我正在注入的“common.service”:

module app.common {
    angular.module("common.services",
        ["ngResources"]);
}

查看文档页面,它指出:

  

当模块因某些异常而无法加载时会发生此错误

所以看起来common.services模块没有加载。

在我的索引中我有这个:

<!--Libraries-->
<script src="Scripts/angular.min.js"></script>
<script src="Scripts/angular-resource.min.js"></script>
<script src="app.js"></script>
<!--Controllers-->
<script src="app/movieCtrl.js"></script>
<script src="app/movieSearchCtrl.js"></script>
<script src="app/movieListCtrl.js"></script>
<!--Services-->
<script src="app/services/common.services.js"></script>

所以在app.js之后加载了common.services文件。那么来自哪里的错误?

1 个答案:

答案 0 :(得分:0)

嗯,我不熟悉打字稿,但不应该提供服务

module common.services {
    angular.module("common.services",
        ["ngResources"]);
}

而不是模块app.common