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

【问题标题】：angular.min.js:118 Error: [ng:areq]angular.min.js:118 错误：[ng:areq]
【发布时间】：2016-07-26 03:46:25
【问题描述】：

我开始通过这本书“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' };
}

【问题讨论】：

您必须使用可能不支持此语法的最新版本的 Angular 来创建控制器。
好吧，你有什么建议？，我想跟着这本书，也许安装以前的版本？还是迁移到新版本并遵循一些教程？？

标签： javascript angularjs

【解决方案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>

【讨论】：

我在 controllers.js 中有函数 HelloController
你能和我们分享一下controller.js吗？

【解决方案2】：

你为什么使用这么古老的语法？尝试从新语法开始，您可以像下面的代码一样完成上述要求：

<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>

首先您必须制作应用程序，然后制作控制器。试试这个

【讨论】：

是的，我已经解决了，我只是使用旧语法，因为我正在关注一本书，也许我需要搜索另一本使用新语法的书你认识吗？