我正在阅读O'REILLY的AngularJS,我试图通过一个例子来了解 Angular 是如何工作的,但我可以让它发挥作用:
hello.html:
<html ng-app>
<head>
<script src="angular.js"></script>
<script src="controllers.js"></script>
</head>
<body>
<div ng-controller="HelloController">
<p>{{ greeting.text }}, World</p>
</div>
</body>
</html>
以及controllers.js中的逻辑:
function HelloController($scope) {
$scope.greeting = { text: 'Hello' };
}
但是当我在浏览器上显示hello.html时,我可以看到{{greeting.text }},Hello
。
这里出了什么问题?
最佳答案
您从未定义过 Controller ,您只是定义了一个名称中恰好包含“controller”的函数。
尝试正确初始化应用程序:
var myApp = angular.module('myApp',[]);
myApp.controller('HelloController', ['$scope', function($scope) {
$scope.greeting = {text: 'Hello'};
}]);
关于javascript - 为什么这个简单的 Angular.js 示例不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28420235/