AngularJS ng-model-options指令
实例
フォーカスが失われたときに入力ボックスの値をscope変数にバインドします：
<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 = "John Doe";
});
</script>
<input ng-model="name" ng-model-options="{updateOn: 'blur'}">
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.name = "John Doe";
});
</script>
尝试一下 »
定義と用法
ng-model-optionsディレクティブはHTMLフォーム要素をscope変数にバインドします
データバインドをトリガーするタイミング、または待機するミリ秒数を指定できます。パラメータ設定は以下の説明を参照してください。
语法
<element ng-model-options="option"></element>
<input>, <select>, <textarea>, 元素支持该指令。
参数值
| 值 | 描述 |
|---|---|
| option | データバインドの規則を指定します。規則は以下の通りです： {updateOn: 'event規則はイベント発生後にデータをバインドすることを指定します {debounce : 1000} データをバインドするまでに待機するミリ秒数を規定します {allowInvalid : true|false} 検証後にデータをバインドする必要があるかどうかを規定します {getterSetter : true|false} getters/setters としてモデルにバインドするかどうかを指定します。 {timezone : '0100'} ルールがタイムゾーンを使用するかどうか |
其他扩展