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,則定義模型的時區。型別