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

Question

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

怎么了

Answer 1

您从未定义过控制器，而只是定义了名称中恰好具有“ controller”的函数。

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

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

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

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

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

问题描述

1 个解决方案

解决方案1
1 已采纳 2015-02-09 22:03:01

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

问题描述

1 个解决方案

解决方案1 1 已采纳 2015-02-09 22:03:01

解决方案1
1 已采纳 2015-02-09 22:03:01