AngularJSアプリケーション開発ガイド

2.3

 テンプレートとデータバインディング

35

は解釈されます。したがって、

Angular

式の中でプロパティに値をセットするというこ

とはコントローラの

$scope

に対してプロパティをセットするのと同じ効果があります。

以下のようなコードについて考えてみましょう。

<button ng-click="count=3">

カウントを

3

にする

</button>

これは、以下の

HTML

とコントローラの組み合わせと同義です。

<div ng-controller="CountController">

<button ng-click="setCount()">

カウントを

3

にする

</button>

</div>

コントローラのコードは以下のとおりです。

function CountController($scope) {

$scope.setCount = function() {

$scope.count=3

;

};

}

フォームの入力フィールドでng-modelを使う方法

Angular

式 を 使 う 場 合 と 同 様 に、

ng-model

で 指 定 さ れ た モ デ ル は コ ン ト ロ ー ラ の

$scope

の中で解釈されます。同時に、ここでは入力フィールドの状態と指定されたモデ

ルとの間で双方向のデータバインディングが定義されます。

2.3.11

 

$watch

を使ったモデルの変化への監視

$scope

が持つ関数の中で、おそらく最もよく使われるのが

$watch

です。この関数は、モデル

のデータが変化した場合に通知を受け取るために使います。プロパティとしてアクセス可能なもの ...