javascript - Angular JS：控制器语法

Question

我是 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>

控制器.js

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

score 1 · Accepted Answer

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

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

score 1 · Accepted Answer

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

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

javascript - Angular JS：控制器语法

2 回答 2

Related

Reference