AngularJS ng-model-options 指令

定義和用法

ng-model-options 指令用于控制 HTML 表單元素和作用域中變量的綁定。

您可以指定綁定應等待特定事件的發生,或者等待特定的毫秒數,等等。有關更多信息,請參閱下面參數值中列出的合法值。

實例

等待字段失去焦點后再進行數據綁定:

<div ng-app="myApp" ng-controller="myCtrl">
    <input ng-model="name" ng-model-options="{updateOn: 'blur'}">
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.name = "Bill Gates";
});
</script>

親自試一試

語法

<element ng-model-options="option"></element>

<input><select><textarea> 元素支持。

參數

參數 描述
option

對象,指定數據綁定必須遵循的選項。合法的對象包括:

{updateOn: 'event'} 指定當特定事件發生時,綁定應該發生。

{debounce : 1000} 指定綁定應該等待多少毫秒。

{allowInvalid : true|false} 指定如果值未通過驗證,是否可以進行綁定。

{getterSetter : true|false} 指定綁定到模型的函數是否應被視為 getter/setter。

{timezone : '0100'} 指定在處理 Date 對象時應使用哪個時區。