Question

您好我在使用本教程时遇到了问题。我复制了代码但由于某种原因它无法正常工作。

这是html代码

<!DOCTYPE html>
<html ng-app>
<head>
<title>Simple app</title>

<script
    src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.js">
</script>
</head>
<body>
<div ng-app="myApp">
<div ng-controller = "MyController">
<h1>{{ person }}</h1>
and their name:
<h2> {{person.name}}</h2>
</div>
</div>
<script type="text/javascript" src="app.js"></script>
</body>
</html>

这是JS

var app = angular.module('app', []);
app.controller('MyController', function($scope) {
$scope.person = {
 name: "Ari Lerner"
    };
});

看起来并不像AngularJS代码那样被识别。有什么想法吗？

Answer 1

模块定义中的应用名称：

var app = angular.module('app', []);

与你在dom中引用的那个匹配：

<div ng-app="myApp">

将模块定义更改为：

var app = angular.module('myApp', []);

简单的绑定问题

1 个答案: