我开始用这本书和#34; Angular.js OReilly"开始学习Angular.js,我正在尝试构建他们拥有的第一个例子。我已经从网站上下载了Angular.js并创建了我的controller.js,就像它说的那样,但我总是在标题中得到错误。
这就是我所做的:
<html ng-app>
<head>
<script src="angular.min.js"></script>
<script src="controllers.js"></script>
</head>
<body>
<div ng-controller='HelloController'>
<p>{{greeting.text}}, World</p>
</div>
</body>
</html>
function HelloController($scope) {
console.log("a");
$scope.greeting = { text: 'Hello' };
}
答案 0 :(得分:1)
您需要在标记内部放置HelloController。
<head>
<script src="angular.min.js"></script>
<script src="controllers.js"></script>
<script>
function HelloController($scope) {
console.log("a");
$scope.greeting = { text: 'Hello' };
}
</script>
</head>
答案 1 :(得分:0)
为什么使用如此古老的语法?尝试从新语法开始,您可以按照以下代码执行上述要求:
<html ng-app="myApp">
<head>
<script src="angular.min.js"></script>
<script>
var myApp = angular.module('myApp',[]);//creating app
myApp.controller('GreetingController', ['$scope', function($scope) { // creating controller
$scope.greeting = 'Hola!';
}]);
</script>
</head>
<body>
<div ng-controller="GreetingController">
{{ greeting }}
</div>
</body>
首先你需要制作app然后制作一个控制器。试试这个