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