2016-11-23 7 views
1

私はAngularに戻り、ダイジェストサイクルとウォッチャーについて読んでいます。私が読んだ記事の1つは、{{}}の式では角が毎回これを評価します。式のための角度ウォッチャー

以下の3つのウォッチャーが設定されています(qty、コスト、および中括弧内の式)。

<div ng-app ng-init="qty=1;cost=2"> 
    <b>Invoice:</b> 
    <div> 
    Quantity: <input type="number" min="0" ng-model="qty"> 
    </div> 
    <div> 
    Costs: <input type="number" min="0" ng-model="cost"> 
    </div> 
    <div> 
    <b>Total:</b> {{qty * cost | currency}} 
    </div> 
</div> 

スニペットは、角度デベロッパーガイドから取得され、数量変数が大きくなると言うと数量に結合ウォッチャに基づいて、それがモデルを更新しない火災を消化した後に発現を更新するために、別のウォッチャーを呼び出すとき中括弧?

記事では、サイクルが実行されるたびに、2つのモデル変数が変更されなかったとしても式ウォッチャーが起動されると述べました。

おかげ

+0

はい。モデルのいずれかが値を変更すると、DOM要素とその値が自動的に更新されます。 –

+0

http://stackoverflow.com/questions/9682092/how-does-data-binding-work-in-angularjs –

答えて

1

はい、それはウォッチャーが発射される$ダイジェストサイクルです。 ウォッチャが起動されると、AngularJSはスコープモデルを評価し、スコープモデルが変更されていれば対応するリスナ関数が呼び出されます。

+0

はい、私は理解していますが、別のウォッチャーが中括弧中括弧?変数が変更されたかどうかにかかわらず、これがすべてのダイジェストループで起動される場合は、 – berimbolo

+0

はい、すべての時計は$ digestが循環しているときに起動します。{{qty * cost |通貨}}ウォッチャーを一度バインドするには – locropulenton

関連する問題