Angular JS：控制器语法答案

【问题标题】：Angular JS:controller syntax [duplicate]Angular JS：控制器语法
【发布时间】：2015-09-29 10:01:11
【问题描述】：

我是 Angular js 的新手，发现了一个奇怪的问题。我无法运行以下代码：

你好.html

<html ng-app>
<head>
 <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
  <script src="controller.js"></script>
</head>
<body>
  <div ng-controller='HelloController'>
    <p>{{greeting.text}}, World</p>
  </div>
</body>
</html>

controller.js

function HelloController($scope) {
  $scope.greeting = { text: 'Hello' };
}

【问题讨论】：

stackoverflow.com/questions/26646941/…

标签： javascript angularjs angularjs-directive angular-controller

【解决方案1】：

Angular 1.3+ 不再支持在全局范围内声明控制器。修改你的代码为

angular.module('app', [])
.controller('HelloController', function ($scope) {
    $scope.greeting = {
        text: 'hello'
    }
});

【讨论】：

【解决方案2】：

你需要为你的控制器创建一个模块，例如：

angular.module('myApp.controllers')
    .controller('HelloController', function ($scope) {
        $scope.greeting = { text: 'Hello' };
    }
});

【讨论】：