AngularJS ng-model-options ディレクティブ
定義と使用法
ng-model-options HTMLフォーム要素とスコープ内の変数のバインディングを制御するディレクティブです。
バインディングが特定のイベントが発生するのを待つか、特定のミリ秒数を待つことができます。詳細については、以下のパラメータ値に示された合法値を参照してください。
例
フィールドが焦点を失う前にデータバインディングを行う：
<div ng-app="myApp" ng-controller="myCtrl">
<input ng-model="name" ng-model-options="{updateOn: 'blur'}">
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.name = "Bill Gates";
});
</script>
文法
<element ng-model-options="オプション</element>
がサポートしています。 <input>、<select> および <textarea> 要素サポート
パラメータ
| パラメータ | 説明 |
|---|---|
| オプション |
データバインディングが従う必要のあるオプションを指定するオブジェクトです。合法なオブジェクトには： {updateOn: 'event'} は特定のイベントが発生したときにバインドが発生するかどうかを指定します。 {debounce : 1000} はバインドが発生するまで待つべきミリ秒数を指定します。 {allowInvalid : true|false} は値がバリデーションを通過しない場合にバインドが可能かどうかを指定します。 {getterSetter : true|false} はモデルにバインドされた関数が getter/setter として見なされるかどうかを指定します。 {timezone : '0100'} は Date オブジェクトを処理する際にどのタイムゾーンを使用するかを指定します。 |
