将自定义模块注入角度应用程序

时间:2017-09-27 15:49:02

标签: angularjs

<html>
<head>

</head>
<body>

</body>
</html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script>
<script type="text/javascript">

var appName = "renameMe";

var fooModule = angular.module("foo", []);

var app = angular.module(appName, ["foo"]);
//var app = angular.module(appName, ["ui.router"]);

app.config(["foo", function (foo) {

}]);



angular.element(function () {
    angular.bootstrap(document, [appName]);
});
</script>

我无法弄清楚如何修复我的代码以获得以下错误。为什么我会收到此错误以及如何解决?

My End游戏是注入一个独立模块 app.config(["foo", 'function(foo){}]); 所以我可以运行一些自定义代码

  

错误:$ injector:unpr未知提供商未知提供商:foo

1 个答案:

答案 0 :(得分:1)

foo模块已包含在renameMe模块中

var app = angular.module(appName, ["foo"]);

虽然

app.config(["foo", function (foo) {...}]);

预计会有foo服务(更具体地说,constant服务)。如果没有,则会触发$injector:unpr错误。

如果应该没有foo服务,则应该只是

app.config(function () {...});