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毫秒内进行更新。

可用的对象属性

1. updateOn：指定哪个事件应绑定到输入

   ng-model-options="{ updateOn: 'blur'}" // 将在模糊时更新
   

2. debounce：指定模型更新的延迟时间为毫秒

   ng-model-options="{'debounce': 500}" // 将在1/2秒后更新模型
   

3. allowInvalid：布尔值标志，允许为模型提供无效值，从而绕过默认的表单验证，默认情况下，这些值将被视为undefined。

4. getterSetter：一个布尔型标志，指示是否将sng-model作为getter / setter函数而不是普通模型值。然后，该函数将运行并返回模型值。

   示例

   <input type="text" ng-model="myFunc" ng-model-options="{'getterSetter': true}">
   $scope.myFunc = function() {return "value";}
   

5. timezone：如果输入来自date或，则定义模型的时区time。类型