为什么这个简单的 Angular.js 示例不起作用？答案

【问题标题】：Why this simple Angular.js example does not work?为什么这个简单的 Angular.js 示例不起作用？
【发布时间】：2015-02-09 21:59:53
【问题描述】：

我正在阅读 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。

这里有什么问题？

【问题讨论】：

如果您使用的是 1.3+ 版本，默认情况下您不能使用全局函数作为控制器。你应该检查你的控制台是否有错误
Controller not a function, got undefined, while defining controllers globally 的可能重复项

标签： javascript angularjs

【解决方案1】：

您从未定义过控制器，您只是定义了一个名称中恰好包含“控制器”的函数。

尝试正确初始化应用程序：

var myApp = angular.module('myApp',[]);

myApp.controller('HelloController', ['$scope', function($scope) {
  $scope.greeting = {text: 'Hello'};
}]);

https://docs.angularjs.org/guide/controller

【讨论】：

这不是他的问题，他应该能够做到，而不必像你那样定义它。
@YangLi 不在 1.3 中（默认）。无论如何，这个问题已经得到解答（假设这是实际问题）