AngularJSを使い始めて、すぐさまつまずきました。。。
AngularJSのエラーが出て、全然実行できない。もう使うの止めようかな・・・絶対JQueryでガリガリ書いた方が早いし、楽！！と思い始めてますw
エラー内容わかりにくいし、独特のタグをHTMLに使用するからデザインとかと組み合わせると見にくくて、しかもSEO的に微妙みたいな話だし・・・
業務系とか管理側とかならいいのかも。SEOとか気にする表側にはたぶん向いてない。
一応、今回のエラー内容をメモ。まぁ、ちゃんとマニュアル読んで順番に手順踏んでれば大丈夫だったんですが・・・
こんな簡単なとこでつまずいているようじゃ、たぶん続かない・・・w
以下がエラーが出るソース。これを見て、すぐ原因がわかれば、AngularJS使っていけると思います。
{{ temp }}に’hogehoge’を表示するソース
<!DOCTYPE html>
<html ng-app>
<head>
<script src="js/angular.min.js"></script>
<script>
angular.module("app", [])
.controller("sampleController", function($scope) {
$scope.temp = 'hogehoge';
});
</script>
</head>
<body>
<div ng-controller="sampleController">{{ temp }}</div>
</body>
</html>
- AngularJSのエラーメッセージ
- Error: ng:areq
Bad Argument
Argument ‘sampleController’ is not a function, got undefined
回答
- 原因
- module名の指定が足りない
- 対応
- 「<html ng-app>」 → 「<html ng-app=”app”>」に変更
2016/10/07 追記
AngularJS2系は、だいぶ変わっていて、使いやすくなっている模様！
AngularJSは、失敗作だったという話も・・・？