NG-模型选项

ng-model-options 允许更改 ng-model 的默认行为,该指令允许注册在更新 ng-model 时将触发的事件并附加去抖动效果。

该指令接受一个表达式,该表达式将计算定义对象或对作用域值的引用。

例:

<input type="text" ng-model="myValue" ng-model-options="{'debounce': 500}">

以上示例将在 myValue 上附加 500 毫秒的去抖动效果,这将导致模型在用户完成对 input 的输入后 500 毫秒更新(即,当 myValue 完成更新时)。

可用的对象属性

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

    ng-model-options="{ updateOn: 'blur'}" // will update on blur
    
  2. debounce:指定模型更新延迟几毫秒

    ng-model-options="{'debounce': 500}" // will update the model after 1/2 second
    
  3. allowInvalid:一个布尔标志,允许模型的值无效,绕过默认表单验证,默认情况下这些值将被视为 undefined

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

    例:

    <input type="text" ng-model="myFunc" ng-model-options="{'getterSetter': true}">
    
    $scope.myFunc = function() {return "value";}
    
  5. timezone:如果输入是 datetime,则定义模型的时区。类型