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 對象時應使用哪個時區。 |