Angular.js $scopeがうまくいかない

Angular.jsで$scopeがうまくいきません。

lang
1html記述
2
3<html ng-app>
4    <head>
5        <script src="http://code.angularjs.org/1.3.0/angular.min.js"></script>
6        <script src="test.js"></script>
7    </head>
8    <body>
9        <div ng-controller="testController">
10            <p>{{users.length}}</p>
11        </div>
12    </body>
13</html>

lang
1test.js記述
2
3var testController = function ($scope) {
4	$scope.users = [
5		{"name":"a","score":"100"},
6		{"name":"b","score":"200"},
7		{"name":"c","score":"300"}
8	];
9}

以下のサイトを参考にしました。
http://lab.hisasann.com/AngularJSTutorial/

コントローラーをグローバル定義しない、angular.jsのバージョンが悪いなど
色々動作しない理由を調べて試したのですが、うまくいきません。

これ以外のコードをコピペしてきても

lang
1<input type="text" ng-model="name">
2<p>{{name}}</p>

これに関しては動作するのですが、$scopeを使うものはページにそのまま表示されてしまいます。
表示例 : {{users.length}}

何が原因か教えていただきたいです。
よろしくお願いいたします。

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

回答1件

ベストアンサー

AngularJS 1.3 ではグローバルに定義したコントローラーは使えないので下記のようにする必要があります。

lang
1<!doctype html>
2<html ng-app="app">
3<head>
4    <meta charset="utf-8">
5    <title>AngularJS Example</title>
6    <script src="//code.angularjs.org/1.3.0/angular.min.js"></script>
7</head>
8<body>
9<div ng-controller="testController">
10    <p>{{users.length}}</p>
11</div>
12<script>
13    angular.module('app', []).controller('testController',['$scope',function($scope){
14        $scope.users = [
15            {"name":"a","score":"100"},
16            {"name":"b","score":"200"},
17            {"name":"c","score":"300"}
18        ];
19    }]);
20</script>
21</body>
22</html>

1.2 から 1.3 への以降について書かれたページです。

AngularJS: Developer Guide: Migrating from Previous Versions

投稿2015/03/26 07:18

ngyuki

総合スコア4514

at1994

2015/03/26 07:42

>>AngularJS 1.3 ではグローバルに定義したコントローラーは使えない 1.3を考慮したコード(1.2.1でも同様に)でも試していたのですが、うまく動作していませんでした。ただ単にコードが間違っていたのかもしれません。ご回答頂いたコードを元に動作を確認できました、ありがとうございました！！

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