Angularjs ng-model-optionsディレクティブ
AngularJSインスタンス
焦点が失われたときに、入力ボックスの値をスコープ変数にバインドします。
<！doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </scrip> </head> ng-controller = "myctrl"> <p>入力ボックスを更新：</p> <入力ng-model = "name" ng-model-options = "{updateon： 'blur'}"> <p>焦点が失われた場合、入力ボックス値をスコープ変数にバインドします：</p> {{/p>} </div </div < []）; app.Controller（ 'myctrl'、function（$ scope）{$ scope.name = "john doe";}）; </script> <p>この例は、ng-model-optionsディレクティブを使用して、フォーカスが失われたときにスコープ変数に入力ボックスの値をバインドする方法を示しています。 </p> </body> </html>定義と使用法
NG-Model-Optionsディレクティブは、HTMLフォーム要素をスコープ変数にバインドします
バインディングデータがトリガーされる時間を指定したり、待機するミリ秒数を指定したりできます。パラメーターを設定するための次の手順を参照できます。
文法
<要素ng-model-options = "option"> </element>
<inupt>、<elect>、<textarea>、要素はこの指令をサポートしています。
パラメーター値
| 価値 | 説明する |
|---|---|
| オプション | 拘束力のあるデータのルールを指定します。ルールは次のとおりです。 {updateon： 'event'}ルールは、イベントが発生した後にデータがバインドされることを指定します {debounce：1000}バインディングデータの前に待機するミリ秒数を指定します {AllowinValid：true | false}検証後にデータをバインドする必要があるかどうかを指定します {gettersetter：true | false} getters/settersとしてモデルにバインドするかどうかを指定します {timezone： '0100'}ルールがタイムゾーンを使用するかどうか |
上記は、Angularjs ng-model-optionsディレクティブを整理する情報であり、関連情報は将来追加されます。