Question

我是AngularJS的新手，我正在试图找出为什么某些文档代码对我不起作用。虽然下面的全局函数控制器对我有用，但文档说我应该通过Angular模块创建控制器。

Here is a link to a JSFiddle with the same code.

使用JS控制器：

function MyController($scope) {
  $scope.username = 'World';

  $scope.sayHello = function() {
    $scope.greeting = 'Hello ' + $scope.username + '!';
  };
}

破碎的JS控制器：

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

myApp.controller('MyController', ['$scope', function($scope) {
  $scope.sayHello = function() {
    $scope.greeting = "Hi " + $scope.username;
  };
}]);

HTML文件：

<div ng-app="">
  <div ng-controller = "MyController">
    Your name:
      <input type="text" ng-model="username">
      <button ng-click='sayHello()'>greet</button>
    <hr>
    {{greeting}}
  </div>
</div>

Answer 1

<div ng-app="myApp">

您必须指定您正在使用的应用程序的名称，因为控制器属于该模块。

更新版本的js：http://jsfiddle.net/PH5yK/2/

如何根据文档创建AngularJS控制器

1 个答案: