我正在从 O'REILLY 中读取 AngularJS ,我试图看看角度如何与一个例子一起工作,但我可以让它起作用:
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
。
这里有什么问题?
答案 0 :(得分:1)
您从未定义过控制器,您刚刚定义了一个恰好在名称中包含“controller”的函数。
尝试正确初始化应用:
var myApp = angular.module('myApp',[]);
myApp.controller('HelloController', ['$scope', function($scope) {
$scope.greeting = {text: 'Hello'};
}]);