上一节:
下一节:

  AngularJS ng-model-options 指令

  • 定义和用法

    ng-model-options 指令用于控制 HTML 表单元素和范围中变量的绑定。
    您可以指定绑定应等待特定事件发生，或等待特定毫秒数，甚至更多，请参阅下面的参数值中列出的合法值。

  • 语法

    <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 对象时应使用哪个时区。

  • 示例

    下例演示了等待数据绑定，直到该字段失去焦点： 
    <!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="UTF-8">
 <title>欢迎来到蝴蝶教程</title>
 <script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
 </head>
 <body>
         <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 = "John Doe";
            });
         </script> 
 </body>
 </html>
    尝试一下

  • 相关页面

返回 AngularJS 参考手册
上一节:
下一节: