AngularJS基础 ng-model-options 指令简单示例  更新时间:2016年08月02日 10:25:38   投稿:lqh   本文主要介绍AngularJS ng-model-options 指令,这里对ng-model-options指令的基本资料进行整理,有需要的小伙伴可以参考下 AngularJS ng-model-options 指令 AngularJS 实例 在失去焦点时绑定输入框的值到 scope 变量中: 更新输入框: 在失去焦点时绑定输入框的值到 scope 变量中: {{name}} 该实例演示了如何使用 ng-model-options 指令绑定在失去焦点时输入框的值到 scope 变量中。 定义和用法 ng-model-options 指令绑定了 HTML 表单元素到 scope 变量中 你可以指定绑定数据触发的时间,或者指定等待多少毫秒,参数设置可以参考以下说明。 语法 , , , 元素支持该指令。 参数值 值 描述 option 指定了绑定数据的规则,规则如下: {updateOn: ‘event’}规则指定事件发生后绑定数据 {debounce : 1000} 规定等待多少毫秒后绑定数据 {allowInvalid : true|false} 规定是否需要验证后绑定数据 {getterSetter : true|false} 规定是否作为 getters/setters 绑定到模型 {timezone : ‘0100’} 规则是否使用时区 以上就是对AngularJS ng-model-options 指令的资料整理,后续继续补充相关资料。 您可能感兴趣的文章: angularjs select 赋值 ng-options配置方法 Angular中ng-options下拉数据默认值的设定方法 AngularJS中ng-options实现下拉列表的数据绑定方法 angular指令笔记ng-options的使用方法 AngularJS动态绑定ng-options的ng-model实例代码 详解使用angularjs的ng-options时如何设置默认值(初始值) AngularJS学习笔记之ng-options指令 angularJs中ng-model-options设置数据同步的方法 AngularJS ng-model-options 指令 相关文章 浅谈Angular2 ng-content 指令在组件中嵌入内容 本篇文章主要介绍了浅谈Angular2 ng-content 指令在组件中嵌入内容,具有一定的参考价值,有兴趣的可以了解一下 2017-08-08 Angular 4依赖注入学习教程之ValueProvider的使用(七) 这篇文章主要给大家介绍了关于Angular 4依赖注入之ValueProvider使用的相关资料,文中介绍的非常详细,对大家学习或者使用Angular4具有一定的参考学习价值,需要的朋友们下面来一起看看吧。 2017-06-06 解决Angular4项目部署到服务器上刷新404的问题 今天小编就为大家分享一篇解决Angular4项目部署到服务器上刷新404的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 2018-08-08 AngularJS表单和输入验证实例 本篇文章详细的介绍了AngularJS表单和输入验证实例, AngularJS表单可以提供验证功能。有需要的可以了解一下。 2016-11-11 angularjs $http实现form表单提交示例 这篇文章主要介绍了angularjs $http实现form表单提交示例,非常具有实用价值,需要的朋友可以参考下 2017-06-06 BootStrap+Angularjs+NgDialog实现模式对话框 在完成一个后台管理系统时,需要用表格显示注册用户的信息。但是用户地址太长了,不好显示。所以想做一个模式对话框,点击详细地址按钮时,弹出对话框,显示地址。下面小编给大家分享下实现方法,一起看下吧 2016-08-08 基于AngularJs select绑定数字类型的问题 今天小编就为大家分享一篇基于AngularJs select绑定数字类型的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 2018-10-10 浅谈Angular路由守卫 这篇文章主要介绍了浅谈Angular路由守卫,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2017-08-08 Angular2中select用法之设置默认值与事件详解 在Angular.JS中可以使用数组或对象创建一个下拉列表选项。关于Angular.js中select的基础相信大家应该都已经了解了,那么下面这篇文章主要给大家介绍了Angular2中select用法之设置默认值与事件的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。 2017-05-05 Angular6 写一个简单的Select组件示例 这篇文章主要介绍了Angular6写一个简单的Select组件示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2018-08-08 最新评论

AngularJS ng-model-options 指令

AngularJS 实例

在失去焦点时绑定输入框的值到 scope 变量中:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<div ng-app="myApp" ng-controller="myCtrl">

<p>更新输入框:</p>
<input ng-model="name" ng-model-options="{updateOn: 'blur'}">

<p>在失去焦点时绑定输入框的值到 scope 变量中:</p>

{{name}}

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.name = "John Doe";
});
</script>

<p>该实例演示了如何使用 ng-model-options 指令绑定在失去焦点时输入框的值到 scope 变量中。</p>

</body>
</html>

定义和用法

ng-model-options 指令绑定了 HTML 表单元素到 scope 变量中

你可以指定绑定数据触发的时间,或者指定等待多少毫秒,参数设置可以参考以下说明。

语法

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

<input>, <select>, <textarea>, 元素支持该指令。

参数值

描述
option 指定了绑定数据的规则,规则如下:

{updateOn: ‘event’}规则指定事件发生后绑定数据

{debounce : 1000} 规定等待多少毫秒后绑定数据

{allowInvalid : true|false} 规定是否需要验证后绑定数据

{getterSetter : true|false} 规定是否作为 getters/setters 绑定到模型

{timezone : ‘0100’} 规则是否使用时区

以上就是对AngularJS ng-model-options 指令的资料整理,后续继续补充相关资料。

您可能感兴趣的文章:

  • angularjs select 赋值 ng-options配置方法
  • Angular中ng-options下拉数据默认值的设定方法
  • AngularJS中ng-options实现下拉列表的数据绑定方法
  • angular指令笔记ng-options的使用方法
  • AngularJS动态绑定ng-options的ng-model实例代码
  • 详解使用angularjs的ng-options时如何设置默认值(初始值)
  • AngularJS学习笔记之ng-options指令
  • angularJs中ng-model-options设置数据同步的方法
张贴在3