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

2019-11-19 12:48:16

字体：大中小

来源：转载

供稿：网友

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

利用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设置数据同步的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持武林网。

上一篇：mpvue将vue项目转换为小程序

下一篇：vue-cli 脚手架基于Nightwatch的端到端测试环境的过程