2013年5月31日金曜日

ViewへModelのデータを表示

AngularJS における MVC の役割は以下のようになっています



View
HTMLファイル
Modelのデータをどのように表示するかを設定する
タグに ng-controller で Controller を設定する

Controller
JavaScript の関数オブジェクト
View から ng-controller で指定される
指定されたタグ以下だけから参照できるスコープを作成する
$scope を使ったデータ(モデル)の定義とその他のビジネスコードを書く

Model
Controller の中で定義される $scope の要素として定義されるデータ
View の {{}} や ng-repeat などを使って画面に表示される

View と共に Controller も階層化されることと、Controller の中で Model が定義されるのがミソっぽいです

ngController - AngularJS


View に Controller を設定して、Controller 内で定義される Model を画面に表示するサンプルです。
HTML に View、 JavaScript に Controller と Model が定義されています。
小さなコードですが基本的な3要素が入っています。

0 件のコメント:

コメントを投稿