anugluarjs 初心者

snakeriver

総合スコア76

0グッド

0クリップ

投稿2016/06/18 09:43

ドットインストールの「AngularJS入門 (全12回)」の「 #03 コントローラーを使ってみよう」を実際にやってみているのですが、プロパティ名がそのまま以下のように表示されてしまいます。ご教授お願いいたします。
{{users.length}} users

環境はmac,にてデスクトップにindex.htmlとmyscript.jsを保存し、chromeで表示しています。
スクリプト変更後はcommand+Rでリフレッシュしています。

index.html


<html lang="ja" ng-app>
  <head>
 	<meta charset="utf-8">
 	<title>Angular</title>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
	<script src="myscript.js"></script>
  </head>
<body>
   <h1>Angular</h1>
	<div ng-controller="mainCtrl">
		<p>{{users.length}} users</p>
		<ul>
		<li ng-repeat="user in users">
		{{user.name | Uppercase }} {{user.score | number:4}}
		</li>
		</ul>
	</div>
  </body>
</body>
</html>

myscript.js

var mainCtrl = function($scope){
	$scope.users =[
		{"name":"taguchi", "score":40},
		{"name":"higuchi", "score":50},
		{"name":"tanaka", "score":60},
	];
}

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

回答1件

自己解決

補足情報一覧タグのリンク先に「#03 コントローラーを使ってみよう」に細く情報が書いてありました。
「AngularJS 1.5.6 で動作させるには？」ということで、ヴァージョンが違ったみたいです。

以下のようにmyscript.jsにコントローラを書く必要がありました。

angular.module('myapp', [])
    .controller('MainController', ['$scope', function($scope) {
        $scope.users = [
            {"name":"taguchi", "score":52.22},
            {"name":"tanaka", "score":38.22},
            {"name":"yamada", "score":11.11}
        ];
    }]);

投稿2016/06/18 10:20

snakeriver

総合スコア76