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

时间:2015-02-09 21:59:54

标签: javascript angularjs

我正在从 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

这里有什么问题?

1 个答案:

答案 0 :(得分:1)

您从未定义过控制器,您刚刚定义了一个恰好在名称中包含“controller”的函数。

尝试正确初始化应用:

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

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

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