AngularJS ng-model-options 指令
实例
等待数据绑定，直到字段失去焦点:
<!DOCTYPE html><html><script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script><body><div ng-app="myApp" ng-controller="myCtrl"><p>更新输入字段:</p><input ng-model="name" ng-model-options="{updateOn: 'blur'}"><p>该值将与绑定一起等待，直到字段失去焦点:</p>{{name}}</div><script>var app = angular.module('myApp', []);app.controller('myCtrl', function($scope) {$scope.name = "John Doe";});</script><p>本例显示了如何使用 ng-model-options 指令来保持输入字段值的数据绑定，直到字段失去焦点。</p></body></html>
定义与用法
ng-model-options 指令用于控制作用域内 HTML 表单元素和变量的绑定。
您可以指定绑定应该等待特定事件发生，或者等待特定的毫秒数，更多信息，请参见下面参数值中列出的合法值。
语法
<element ng-model-options="option"></element>
由 <input>、<select> 和 <textarea> 元素支持。
参数值
| 值 | 描述 |
|---|---|
| option | 指定数据绑定必须遵循的对象。合法对象包括: {updateOn: 'event'} 指定绑定应在特定事件发生时发生 {debounce : 1000} 指定绑定等待的毫秒数 {allowInvalid : true|false} 指定如果值未验证，是否可以进行绑定 {getterSetter : true|false} 指定绑定到模型的函数是否应被视为 getter/setter {timezone : '0100'} 指定使用日期对象时应使用的时区 |