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

40

2

章 

AngularJS

アプリケーションの構造

2.3.12.1

 複数の対象の監視

複数のプロパティを監視し、そのいずれかが変化した場合に関数を呼び出すにはどうすればよい

でしょうか。基本的な方針としては以下の

2

つが考えられます。

●

プロパティの値を連結したものを監視する

●

監視対象を含む配列またはオブジェクトを定義し、

deepWatch

に

true

を指定してこれを監

視する

ス コ ー プ の 中 に

a

と

b

と い う プ ロ パ テ ィ を 持 っ た オ ブ ジ ェ ク ト

things

が あ り、 変 更 時 に

callMe()

という関数を呼び出したい場合、

1

つ目の方法では以下のようにします。

$scope.$watch("things.a + things.b", callMe(...));

a

と

b

は異なる種類のオブジェクトでもよく、

3

つ以上のオブジェクトを監視することもできま

す。対象が多い場合は、連結された値を返す関数を

Angular

式の代わりに指定してもよいでしょ

う。

2

つ目の方法では、

things

オブジェクトのすべてのプロパティが監視されることになります。

コードは次のようになります。

$scope.$watch("things", callMe(...), true);

第

3

パラメータとして

true

を指定することによって、

things

が持つすべてのプロパティが

チェックされるようになります。ここでは監視対象としてオブジェクトを指定していますが、配列

でも同じように機能します。

2.4

 モ ...