AngularJS ng-model-options
示例
ng-model-options允许更改的默认行为ng-model,该伪指令允许注册在ng-model更新时将触发的事件,并附加去抖动效果。
该指令接受一个表达式,该表达式将求值到定义对象或对范围值的引用。
示例
<input type="text" ng-model="myValue" ng-model-options="{'debounce': 500}">
上面的示例将在上附加一个500毫秒的去抖动效果myValue,这将导致该模型在用户完成输入input(即myValue完成更新后)后的500毫秒内进行更新。
可用的对象属性
updateOn:指定哪个事件应绑定到输入
ng-model-options="{updateOn:'blur'}"//将在模糊时更新
debounce:指定模型更新的延迟时间为毫秒
ng-model-options="{'debounce':500}"//将在1/2秒后更新模型
allowInvalid:布尔值标志,允许为模型提供无效值,从而绕过默认的表单验证,默认情况下,这些值将被视为undefined。
getterSetter:一个布尔型标志,指示是否将sng-model作为getter/setter函数而不是普通模型值。然后,该函数将运行并返回模型值。
示例
<inputtype="text"ng-model="myFunc"ng-model-options="{'getterSetter':true}">
$scope.myFunc=function(){return"value";}
timezone:如果输入来自date或,则定义模型的时区time。类型