AngularJSは、複数の値の監視の変更を一度に実装します

1. $ watchの簡単な使用

$watch 、モデルの変更を聴くscope関数であり、モデルの一部が変更されたときに通知します。

 $ watch（watchExpression、リスナー、オブジェクトエクリティ）;

各パラメーターの説明は次のとおりです。

WatchExpression：リッスンするオブジェクトは、「名前」などの角度式またはfunction(){return $scope.name}などの関数になります。

リスナー： watchExpressionが変更されたときに呼び出される関数または式、3つのパラメーターを受け取ります： newValue （new Value）、 oldValue （old Value）、 scope （Scopeへの参照）

Objectequality：深く聞くかどうか、Trueに設定した場合、監視されているオブジェクトの各プロパティの変更を確認するようにAngularに指示されます。通常の値ではなく、配列の個々の要素またはオブジェクトのプロパティを監視する場合は、使用する必要があります。

栗を取る：

 $ scope.name = 'hello'; var watch = $ scope。$ watch（ 'name'、function（newvalue、oldvalue、scope）{console.log（newvalue）; console.log（oldvalue）;}）; $締切（$ scope.name = "world";}、1000）;

2。複数の値の変更を聞いてください

通常の状況は、 $watch()を介して1つずつ価値の変化を聞くことです。もちろん、ほとんどの状況は満たされています。ただし、 $watch()の公式ウェブサイトの説明を読むことで、 $watch()は3番目のパラメーターがあり、3番目のパラメーターはブール型であり、深く聞くかどうかを示します。深い監視の例は、オブジェクトのプロパティを比較するかどうかです。

このようにして、複数の値の変化を一度に監視できます。

サンプルコード

var app = angular.module（ "watchApp"、[]）.controller（ "watchController"、["$ scope"、function（$ scope）{$ scope.object.object.objed; $ scope.object.one = $ scope.one; $ scope.object.one = $ scope.one; $ scope。

要約します

上記は、AngularJが一度に変化する複数の値にどのように耳を傾けるかについてのすべてです。あなたはそれを学びましたか？この記事の内容が、すべての人の勉強と仕事に役立つことを願っています。ご質問がある場合は、メッセージを残してコミュニケーションをとることができます。 wulin.comへのご支援ありがとうございます。