AngularJSの変更時の指示を作成するにはどうすればいいですか？</p> <pre><code><input type="text" ng-model="entity.value" /> </code></pre> <p>これは、ほとんどの場合には素晴らしい作品：たびにユーザーがキーを押したモデルをバインド

Question

通常NG-モデルが更新されます。

しかし、onkeyup/onkeydownイベントの代わりにonchangeイベントが発生したときに更新する必要があります。

古いバージョンでは、ng-model-instantディレクティブが現在ng-modelと同じ働きをしていました（少なくとも、ユーザーにとっては実装について何も知らない）。 古いバージョンでは、ng-modelを与えたばかりのモデルはonchangeを更新していました.ng-model-instantを指定すると、モデルonkeypupを更新していました。

今、要素の「変更」イベントで使用するにはng-modelが必要です。私はそれが瞬間であることを望んでいません。これを行う最も簡単な方法は何ですか？

EDIT

は、入力がまだモデルにその他の変更を反映するために持っている - モデルは、他の場所で更新されます場合は、入力の値は、この変更を反映する必要があります。

私が必要とするのは、古いバージョンのangularjsのようにng-modelディレクティブを動作させることです。ここで

は、私が何をしようとしているの説明です： http://jsfiddle.net/selbh/EPNRd/

Answer 1

私はあなたのためにonChange指示を作成しました。 デモ：http://jsfiddle.net/sunnycpp/TZnj2/52/

app.directive('onChange', function() {  
    return { 
     restrict: 'A', 
     scope:{'onChange':'=' }, 
     link: function(scope, elm, attrs) { 
      scope.$watch('onChange', function(nVal) { elm.val(nVal); });    
      elm.bind('blur', function() { 
       var currentValue = elm.val(); 
       if(scope.onChange !== currentValue) { 
        scope.$apply(function() { 
         scope.onChange = currentValue; 
        }); 
       } 
      }); 
     } 
    };   
}); 

Answer 2

いずれにも（私はこれを行うには良い方法があるかどうかわからないんだけど、カスタムディレクティブを使用してこれを達成することができますあなたが望むjqueryイベント）

<input type="text" ng-model="foo" custom-event="bar" /> 
<p> {{ bar }} </p> 

// create the custom directive 

app.directive('customEvent', function() { 
    return function(scope, element, attrs) { 
     var dest = attrs.customEvent; 

     $(element[0]).on('any-jquery-event', function(e) { 
      e.preventDefault(); 

      // on the event, copy the contents of model 
      // to the destination variable 
      scope[dest] = scope.foo; 

      if (!scope.$$phase) 
       scope.$apply(); 
     }); 
    } 
}); 

Answer 3

も参照してください：AngularJS ngChangeディレクティブ。

<入力>に適用すると、キーが押されるたびに変更が発生し、ぼかしイベントは発生しません。

http://docs.angularjs.org/api/ng.directive:ngChange

Answer 4

Angularjs: input[text] ngChange fires while the value is changing：この答えは、そうあなたはまだngModelと一緒に行く他のディレクティブの全てを使用することができますngModelで動作するカスタムディレクティブを可能にはるかに優れたソリューションを提供します。私は、これは最近のangularjsで動作すると思ういけないhttps://github.com/angular/angular.js/pull/2129