@thorikiriのてょりっきスマートフォン用の表示で見る@thorikiriのてょりっき@thorikiriがWebとかAndroidとかの技術ネタや本を読んだブログです2013-01-30今更AngularJSでControllerを使ってみるangularjs今回はAngularJSのコントローラーを使ってみます。AngularJSはJavaScriptのMVCフレームワークでして、ViewがHTMLで、Modelはng-model等で、Controllerを今回紹介します。AngularJSのControllerはJavaScriptのfunctionで表し、HTML内にng-controller属性を使ってどのControllerを使うかを定義します。HTML内に定義しましょう。ng-controller="関数名"で定義します。</div></div>続いて、JavaScriptにControllerを定義していきます。制御を書く}これでOKです。引数に$scopeを書いて居ますが、この変数名は固定で、ng-controller内のデータ等を扱うことが出来るようになります。コントローラー内で次のように$scopeにデータを書いてみます。'データ';すると、HTML内で{{name}}を使って値を表示することが出来ます。<div>{{name}}</div></div>$scopeにオブジェクト配列を設定することも出来て、HTML内で繰り返し表示することも出来て、ng-repeatを使います。</table></div>$scopeに関数を定義し、HTML内でng-clickを定義することでイベントを設定することも出来ます。ng-click="sayHello()">こんにちは</button></div>簡単でしたね。はてなブログProフリーでプロのグラマーしています。パターン別構築・運用ガイドを読みました。夫婦で人間ドックに行ってきたLifeLogをシェアしてみた。フットボールライフ・ログサービススターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。