Question

我有一个Spring应用程序，我试图使用AngularJS构建视图，但是双重花括号表示法不起作用，这意味着绑定也不起作用。这是我的index.html：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.24/angular.js"></script>
<head lang="en">
<title>Test Page</title>
<link rel="stylesheet"
    href="./bower_components/bootstrap-css-only/css/bootstrap.min.css" />
</head>

<body ng-app="testApp" ng-init="code='000'">
    <div class="outer"> 
    <p>Name: <input type="text" ng-model="name"/></p>
    <p>You wrote: {{ name }}</p>
    </div>
</body>
</html>

当我尝试加载此页面时，我会收到正确的文本字段，但无论我做什么，{{name}}仍然如此。

编辑：我忘记了角度剧本，但我添加了它并且问题仍然存在

Answer 1

您正在使用ng-app指令，但尚未声明testApp模块。尝试声明testApp模块angular.module('testApp', [])

这是你的榜样。它为我工作。

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.24/angular.js"></script>
<head lang="en">
<title>Test Page</title>
<link rel="stylesheet"
    href="./bower_components/bootstrap-css-only/css/bootstrap.min.css" />
</head>
<script>
    //create the testApp module
    angular.module('testApp', []);
</script>
<body ng-app="testApp" ng-init="code='000'">
    <div class="outer"> 
    <p>Name: <input type="text" ng-model="name"/></p>
    <p>You wrote: {{ name }}</p>
    </div>
</body>
</html>

AngularJS无法处理Spring应用程序

1 个答案: