Angularjs ng-changeディレクティブ
AngularJSインスタンス
入力ボックスの値が変更されたときに関数を実行します。
<!doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <p>入力ボックスにいくつかの情報を入力してください:< /p> <入力タイプ= "text" ng-change = "myfunc()" ng-model = "myvalue" /> <p>入力ボックスは{{count}}}}を変更しました。 </p> </div> <script> angular.module( 'myapp'、[]).controller( 'myctrl'、['$ scope'、function($ scope.count = 0; $ scope.myfunc = function(){$ scope.count ++;});実行結果:
入力ボックスに情報を入力してください。
入力ボックスは0回変更されました。
定義と使用法
ng-changeディレクティブは、HTML要素の値が変更された場合にAngularJSに何をすべきかを伝えるために使用されます。
ng-changeコマンドは、ng-modelコマンドで使用する必要があります。
AngularJS Ng-Changeディレクティブディレクティブは、ネイティブオンチェンジイベントを上書きしません。このイベントがトリガーされた場合、NGチェンジ式とネイティブオンチェンジイベントが実行されます。
Ng-Changeイベントは、値が変更されるたびに解雇され、完了した変更プロセスを待つか、フォーカスを失うアクションを待つ必要はありません。
NG-Changeイベントは、JavaScriptを使用するのではなく、入力ボックス値を実際に変更するためのみです。
文法
<要素ng-change = "expression"> </element>
<inupt>、<select>、および<textarea>要素がサポートされています。
パラメーター値
| 価値 | 説明する |
|---|---|
| 表現 | 要素値が変更されたときに式を実行します。 |
上記は、Angularjs ng-changeディレクティブの知識の要約であり、後で補足されます。