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

标签 javascript angularjs

我正在阅读O'REILLYAngularJS,我试图通过一个例子来了解 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

这里出了什么问题?

最佳答案

您从未定义过 Controller ,您只是定义了一个名称中恰好包含“controller”的函数。

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

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

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

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

关于javascript - 为什么这个简单的 Angular.js 示例不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28420235/

相关文章:

c# - 如何在c#中捕获javascript HTTP重定向?

javascript - 精细上传验证集

javascript - $window.location.href (angular.js :12520 TypeError: Cannot set property 'href' of undefined)

angularjs - Angular : parse a URL into a route and params without following that URL?

javascript - 如何让div像弹出窗口一样隐藏和显示?

javascript - 垂直缩放 div 直到显示所有内容?

javascript - 无法通过javascript更改html属性

javascript - AngularJS:根据格式化日期过滤/搜索

unit-testing - angularjs - 测试 Controller

javascript - 如何使用 ng-repeat 引用作用域中的特定变量