私のHTMLはどのくらいの頻度で関数を呼び出しますか？

Question

私はHTMLでこのコードを持っている：

<div >{{ getHint(us.q.hint) }}</div> 

誰かが関数が呼び出されるとき私に言うことはできますか？ us.q.hintが値を変更するとき、それは何度も呼び出されますか？

更新

私はいくつかの答えを持っており、それらは異なるです。値が変わるたびに関数呼び出しを行う方法はありますか？

Answer 1

何度も。

インターポレーション（{{ ... }}構成体）は、ダイジェストサイクルの各反復の間に評価される。ダイジェストサイクルは、Angularで処理されるすべてのイベントで発生し、ダイジェストサイクルごとに複数の繰り返しが存在する可能性があります。

補間は、補間された式にウォッチャを作成します。ダイジェスト・サイクルはすべてのウォッチャーをループし、それぞれを評価してビューに適用する必要がある変更を検出します。ダイジェストコードは、各式を評価し、前の値と比較することで変化を検出します。これは、すべての監視された式がすべてのダイジェストサイクル中に少なくとも1回評価/実行されることを意味します。

あなたの場合、補間式はgetHint(us.q.hint)です。その式が評価されると、$scope.getHint関数が呼び出され、$scope.us.q.hintという値で渡されます。 getHintの戻り値は、以前の値と比較され、変更されたかどうかが判別されます。

これは、見ているのは$scope.us.q.hintの値ではなく、式全体の値です。

,watchesおよびthe digest cycleについてさらに詳しくをご覧ください。更新のための

更新

あなたの関数は、引数の変更は、次の2回の変更でそれを行うことができた場合にのみ呼び出されますしたい場合：

1. が変更される値に時計を作成します。ウォッチャーでgetHintに電話してください。
2. getHint呼び出しの結果を保持するスコープ変数を作成し、それをビューにバインドします。
あなたのコントローラでそう

（すべてのウォッチャーが少なくとも一度呼び出され、$scope.hintを初期化します）：

$scope.$watch('us.q.hint', function() { 
    $scope.hint = $scope.getHint($scope.us.q.hint); 
}); 

そして、あなたのビューで：

<div >{{ hint }}</div> 

Answer 2

これは以上に呼び出されますあなたのhtmlレンダリングやページがリフレッシュされるたびに1回は値の変更に依存しません。

us.q.hint 

Answer 3

yes us.q.hintの値が変更されるたびに、それは監視されている間に実行されます。