Javascript 与Play一起使用的AngularJs无法找到或实例化模块
我正在使用Play框架（2.5.9）。在我的scala html模板上，我通过WebJars拉入Angular。接下来，我指定要用于页面的模块和控制器。然而，当我尝试加载页面时，应该通过AbstractACtrl设置为“hi”的相关变量没有被设置。此外，我在浏览器控制台中遇到以下错误：Javascript 与Play一起使用的AngularJs无法找到或实例化模块,javascript,angularjs,playframework-2.0,angularjs-module,webjars,Javascript,Angularjs,Playframework 2.0,Angularjs Module,Webjars,我正在使用Play框架（2.5.9）。在我的scala html模板上，我通过WebJars拉入Angular。接下来，我指定要用于页面的模块和控制器。然而，当我尝试加载页面时，应该通过AbstractACtrl设置为“hi”的相关变量没有被设置。此外，我在浏览器控制台中遇到以下错误： Error: [$injector:modulerr] Failed to instantiate module abstractA due to: [$injector:nomod] Module 'abstr
Error: [$injector:modulerr] Failed to instantiate module abstractA due to:
[$injector:nomod] Module 'abstractA' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
libraryDependencies ++= Seq(
...
"org.webjars" % "angularjs" % "1.5.9",
"org.webjars" % "angular-ui-bootstrap" % "2.2.0",
"org.webjars" % "bootstrap" % "3.3.7-1",
"org.webjars" %% "webjars-play" % "2.5.0"
)
@(aDocs: List[String],
webJarAssets: controllers.WebJarAssets)
<!DOCTYPE html>
<meta charset='utf-8'/>
<html lang='en'>
<head>
<link rel='stylesheet' href='@routes.WebJarAssets.at(webJarAssets.locate("css/bootstrap.min.css"))' />
<link rel='stylesheet' type='text/css' href='@routes.Assets.versioned("assets/stylesheets/style.css")' />
</head>
<body>
<script type='text/javascript' src='@routes.WebJarAssets.at(webJarAssets.locate("angular.js"))' />
<script type="text/javascript">
var abstractA = {};
abstractA.module = angular.module('abstractA', []);
abstractA.module.controller('abstractACtrl', ['$http', AbstractACtrl]);
function AbstractACtrl($http) {
var controller = this;
this.name = "Abstract A Controller";
this.abc = "hi";
console.log("log beginning of controller");
console.error("error beginning of controller");
this.originalAs = @aDocs;
this.setUrl = function() {
console.error("error in setUrl");
console.log("log in setUrl");
};
}
</script>
<div data-ng-app='abstractA' x-ng-controller='AbstractACtrl as abstractACtrl'>
...
<div ng-repeat="originalA in abstractACtrl.originalAs">
<p>{{originalA}}</p>
</div>
<p>{{abstractACtrl.abc}}</p>
<p>{{abc}}</p>
<button ng-click='abstractACtrl.setUrl()'>Click!</button>
</div>
</body>
</html>
@（aDocs:List[String]，
webJarAssets:controllers.webJarAssets）
var abstractA={}；
abstractA.module=angular.module（'abstractA'，[]）；
abstractA.module.controller（'abstractACtrl'，['$http'，abstractACtrl]）；
函数AbstractACtrl（$http）{
var控制器=此；
this.name=“抽象控制器”；
this.abc=“hi”；
console.log（“控制器的日志开始”）；
控制台错误（“控制器错误开始”）；
this.originalAs=@aDocs；
this.setUrl=函数（）{
console.error（“setUrl中的错误”）；
log（“登录setUrl”）；
};
}
...
{{originalA}}
{{abstractACtrl.abc}
{{abc}}
点击
this.originalAs = @aDocs;
this.originalAs = @aDocs;