angularjsのモデルにリスナーを追加する

Question

私は現在、検索ボックスの値であるモデルを持っています。検索操作は完全に実行されていますが、検索テキストが変更されたときにもう1つの機能が実行されるようにしたいと考えています。だから私はlistenerまたはwatchモデル変数を追加したいと思います。どうしたらいいですか？

Answer 1

あなたのユースケースをカバーするために2つのオプションを持っている：changeHandlerがある

Search: <input ng-model="search.model" ng-change="changeHandler()"> 

：

は、あなたがそうのように、あなたの入力を書くことができng-changeディレクティブ

を使用しますスコープに定義された関数。

は、あなたのコントローラに書き込むことによって、スコープ

に時計を使用します。

$scope.$watch('search.model', function(newVal, oldVal){ 
    console.log("Search was changed to:"+newVal); 
    $scope.search.watch = newVal; 
    }); 

ここで働いているの両方を示すplunk：http://plnkr.co/edit/Jgb2slcBFzLNKK0JFNyo?p=preview

を2つのアプローチの違いはということですng-changeは、ユーザ入力の反復の結果としてのみ発火し、$watchは、モデル突然変異に対して起動します。入力制御、またはモデルへの他の変更が含まれます。したがって、反応させたいイベントを正確に選択することができます。