Question

这是我的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

Answer 1

你得到的错误是：

由于：{1}
，无法实例化模块myApp

这基本上意味着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>

这是一个工作小提琴：http://jsfiddle.net/d1c22529/

与Grails一起使用angular时出错

1 个答案: