angular.min.js:118错误:[ng:areq]

时间:2016-07-25 13:25:45

标签: javascript angularjs

我开始用这本书和#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' };
}

2 个答案:

答案 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然后制作一个控制器。试试这个