angularJs中ng-model-options设置数据同步的方法


Posted in Javascript onSeptember 30, 2018

后台请求任务量很大的时候,可以设置同步的时间和操作,

利用ng-model-options来实现,提高网站性能。

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <script src="angular.min.js"></script>
</head>
<body>
<div ng-app="module" ng-controller="ctrl">
<!--updateOn:blur,鼠标离开时同步更新scope数据-->
<!--debounce:5000,数据输入完成后5秒,同步更新scope数据-->
  <input type="text" ng-model="title" ng-model-options="{updateOn:'default blur',debounce:{default:2000,blur:0}}">
  <!--ng-model-options="{updateOn:'default blur',debounce:{default:2000,blur:0}}
  输入光标离开,立即更新,若不离开,2秒后更新
-->
  {{title}}
</div>
<script>
  var m = angular.module('module', []);
  m.controller('ctrl', ['$scope', function ($scope) {
  }]);
</script>
</body>
</html>

以上这篇angularJs中ng-model-options设置数据同步的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
基于Jquery的将DropDownlist的选中值赋给label的实现代码
May 06 Javascript
JavaScript版DateAdd和DateDiff函数代码
Mar 01 Javascript
Jjcarousellite 实现图片列表滚动的简单实例
Nov 29 Javascript
node.js中的emitter.on方法使用说明
Dec 10 Javascript
jQuery中parents()方法用法实例
Jan 07 Javascript
JavaScript实现鼠标滑过处生成气泡的方法
May 16 Javascript
论JavaScript模块化编程
Mar 07 Javascript
JS实现title标题栏文字不间断滚动显示效果
Sep 07 Javascript
JavaScript轮播图简单制作方法
Feb 20 Javascript
详解angularJs模块ui-router之状态嵌套和视图嵌套
Apr 28 Javascript
JavaScript实现元素滚动条到达一定位置循环追加内容
Dec 28 Javascript
vue vant Area组件使用详解
Dec 09 Javascript
vue-cli 脚手架基于Nightwatch的端到端测试环境的过程
Sep 30 #Javascript
对angularJs中ng-style动态改变样式的实例讲解
Sep 30 #Javascript
使用angularjs.foreach时return的问题解决
Sep 30 #Javascript
angular将html代码输出为内容的实例
Sep 30 #Javascript
详解Vue.js iview实现树形权限表(可扩展表)
Sep 30 #Javascript
对angularJs中$sce服务安全显示html文本的实例
Sep 30 #Javascript
vue  自定义组件实现通讯录功能
Sep 30 #Javascript
You might like
PHP zlib扩展实现页面GZIP压缩输出
2010/06/17 PHP
PHP生成自适应大小的缩略图类及使用方法分享
2014/05/06 PHP
ThinkPHP3.1的Widget新用法
2014/06/19 PHP
PHP获取一年中每个星期的开始和结束日期的方法
2015/02/12 PHP
PHP mkdir创建文件夹实现方法解析
2020/11/13 PHP
用函数式编程技术编写优美的 JavaScript_ibm
2008/05/16 Javascript
基于jQuery的星级评分插件
2011/08/12 Javascript
鼠标滚轮控制网页横向移动实现思路
2013/03/22 Javascript
jQuery创建DOM元素实例解析
2015/01/19 Javascript
javascript实现数组去重的多种方法
2016/03/14 Javascript
Jquery遍历select option和添加移除option的实现方法
2016/08/26 Javascript
JS实现向iframe中表单传值的方法
2017/03/24 Javascript
windows系统下更新nodejs版本的方案
2017/11/24 NodeJs
Node解决简单重复问题系列之Excel内容的获取
2018/01/02 Javascript
this在vue和小程序中的使用详解
2019/01/28 Javascript
Vue render函数实战之实现tabs选项卡组件
2019/04/22 Javascript
使用Vue-Awesome-Swiper实现旋转叠加轮播效果&amp;平移轮播效果
2019/08/16 Javascript
vue自定义switch开关组件,实现样式可自行更改
2019/11/01 Javascript
koa-passport实现本地验证的方法示例
2020/02/20 Javascript
python利用smtplib实现QQ邮箱发送邮件
2020/05/20 Python
Python企业编码生成系统之系统主要函数设计详解
2019/07/26 Python
python中必要的名词解释
2019/11/20 Python
PyTorch之nn.ReLU与F.ReLU的区别介绍
2020/06/27 Python
Python 列表推导式需要注意的地方
2020/10/23 Python
基于Python组装jmx并调用JMeter实现压力测试
2020/11/03 Python
德国街头和运动文化高品质商店:BSTN Store
2017/08/26 全球购物
法国最大电子商务平台:Cdiscount
2018/03/13 全球购物
智能电子秤、手表和健康监测仪:Withings(之前为诺基亚健康)
2018/10/30 全球购物
服装机修工岗位职责
2013/12/26 职场文书
遗体告别仪式答谢词
2014/01/23 职场文书
施工安全汇报材料
2014/08/17 职场文书
辞职信模板(中英文版)
2015/02/27 职场文书
2015年话务员工作总结
2015/04/29 职场文书
2016暑期政治学习心得体会
2016/01/23 职场文书
Python数据可视化之基于pyecharts实现的地理图表的绘制
2021/06/10 Python
解决sql server 数据库,sa用户被锁定的问题
2021/06/11 SQL Server