Anguler.js 初心者ハンズオンの予習

予習として以下の URL をおさらいしたので、ひっかかった所をまとめる。

ツッコミばかりしてますが、なかば挫折しかけてた僕が何とか AngularJS やっていけるかも。と思わせてくれた大変分かり易い有り難いテキストです。(感謝)

4は許容するのに、エラーが「4文字以下です」。未満ですよね。
8も許容するのに、エラーが「8文字以上入力されています」。越えて。かな。

という重箱の隅つつきは置いといて、その後ろが実際に考え込んだもの。

ng-appを ng-app="app" とAngularJSアプリケーションに名前をつけます。

で分からなくなった。エラーを確認せずにするっと次に行くアワテンボはここが罠になる。

ng-app="app"だけするとエラーが出て、angular.module 読んだら＊エラーが消えて＊、元々表示出来てた見出しが＊また＊表示されるって事なので、

まず、ng-appを ng-app="app" とAngularJSアプリケーションに名前をつけます。これで再度実行してみてください。エラーになるはずです。ここで angular.module をJavascript に定義します。

↑
これをきちんと２つに分けた方が分かり易いと思う。

まず、をに書き換える事で AngularJSアプリケーションに名前をつけます。これで再度実行してみてください。エラーになるはずです。
＜ここでエラーの表示スクリーンショットなり、ひとクッション置く＞
次に、Javascript を書く場所で angular.module を呼びます。

 <div ng-controller=“mainCtrl">

のはずが、

 <div ng-controller="ctrl">

と書かれてる。

ctrl で grep すればすぐ分かる問題ではあるけど。Angular.js 初めてだとハマるかも。

angular.js を取り込むパスにbower_components をつけないのが一ヶ所あった。

main.html, footer.html の置き場所に迷って、後で構成図が出てくるけど、初めに欲しかった。