AngularJSの初歩的な質問

AngularJS始めてみようと思いいろいろなページを参考にしながらサンプルを作ってみたのですが、Controllerを使用しようとすると[ng:areq]というエラーが出て動きません。
双方向バインディングは動いたのでAngularJSの導入は問題ないと思います。
コード内容は下記です
ご教授のほどよろしくお願いします！

html
1<!DOCTYPE html>
2<html lang="ja" ng-app>
3<head>
4    <meta charset="UTF-8">
5    <title>Angularの練習</title>
6    <script src="js/angular.min.js"></script>
7    <script src="js/main.js"></script>
8</head>
9<body>
10
11<div ng-controller="mainCtrl">
12    <p>{{users.length}} users.</p>
13    <ul>
14        <li ng-repeat="user in users">
15            {{user.name}} {{user.score}}
16        </li>
17    </ul>
18</div>
19
20</body>
21</html>

JavaScript
1var mainCtrl = function($scope){
2    $scope.users = [
3        {"name":"hogehoge", "score":12.34},
4        {"name":"fugafuga", "score":22.22},
5        {"name":"pomupomu", "score":18.41}
6    ];
7}

行動規範の内容に同意します

回答1件

ベストアンサー

取り急ぎ、以下のようにangularjsの1.2系ですときちんと動作するようです。

html
1<!DOCTYPE html>
2<html lang="ja" ng-app>
3<head>
4  <meta charset="UTF-8">
5  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.27/angular.min.js"></script>
6  <script type="text/javascript">
7    var mainCtrl = function($scope) {
8      $scope.users = [
9        {"name":"hogehoge", "score":12.34},
10        {"name":"fugafuga", "score":22.22},
11        {"name":"pomupomu", "score":18.41}
12      ];
13    }
14  </script>
15</head>
16<body>
17  <div ng-controller="mainCtrl">
18    <p>{{users.length}} users.</p>
19    <ul>
20        <li ng-repeat="user in users">
21            {{user.name}} {{user.score}}
22        </li>
23    </ul>
24  </div>
25</body>
26</html>