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