angularjs - 将 Angular 与 Grails 一起使用时出错

标签 angularjs grails

这是我的 index.gsp

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <title>my app</title>
</head>
<body>
<input type="text" data-ng-model="test"/>
{{test}}
</body>
<script src="/js/angular.min.js"></script>
</html>

当我构建应用程序时,出现这样的错误,
Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.15/$injector/modulerr?p0=myApp&p1=Error%3A%…20at%20d%20(http%3A%2F%2Flocalhost%3A8000%2Fjs%2Fangular.min.js%3A17%3A381)
(anonymous function) @ angular.min.js:6
(anonymous function) @ angular.min.js:35
r @ angular.min.js:7
g @ angular.min.js:34
ab @ angular.min.js:38
d @ angular.min.js:17
uc @ angular.min.js:18
Jd @ angular.min.js:17
(anonymous function) @ angular.min.js:250
a @ angular.min.js:164
c @ angular.min.js:32

最佳答案

你得到的错误说:

Failed to instantiate module myApp due to: {1}



这基本上意味着 Angular 无法创建 myApp 的实例.您可能希望至少拥有以下代码:
var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {

}

并在您的 HTML 中:
<html ng-app="myApp">
<head>
    <title>my app</title>
</head>
<body ng-controller="MyCtrl">
<input type="text" data-ng-model="test"/>
{{test}}
</body>
<script src="/js/angular.min.js"></script>
</html>

这是一个工作 fiddle :http://jsfiddle.net/d1c22529/

关于angularjs - 将 Angular 与 Grails 一起使用时出错,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30858446/

相关文章:

javascript - 使用 array map 通过 if 条件过滤结果

jquery - document.getElementsByClassName ("").innerHTML - 不工作

javascript - Chrome/Opera 闪烁绘画问题

grails - 域类的Grails View 生成未包含所有属性

json - 如何在Grails Controller 中处理在JSONObject中发布BigInteger?

security - 确保 Grails REST 服务与移动应用程序一起使用的安全

javascript - 如何遍历JS对象和里面的所有数组和对象,与它的副本进行比较?

angularjs - ESLint:在angularjs应用程序中使用建议的默认规则

grails - Spring Cloud Config客户端无法在Grails 3应用中刷新

java - 将Hibernate 4与Grails 3.2.4结合使用时,启动时会出现NullPointerException