angularJs中ng-model-options設(shè)置數(shù)據(jù)同步的方法
更新時(shí)間：2018年09月30日 14:29:13 作者：泠泠在路上
今天小編就為大家分享一篇angularJs中ng-model-options設(shè)置數(shù)據(jù)同步的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
后臺(tái)請(qǐng)求任務(wù)量很大的時(shí)候，可以設(shè)置同步的時(shí)間和操作，
利用ng-model-options來(lái)實(shí)現(xiàn)，提高網(wǎng)站性能。
<!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,鼠標(biāo)離開(kāi)時(shí)同步更新scope數(shù)據(jù)-->
<!--debounce:5000,數(shù)據(jù)輸入完成后5秒，同步更新scope數(shù)據(jù)-->
<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}}
輸入光標(biāo)離開(kāi)，立即更新，若不離開(kāi)，2秒后更新
-->
{{title}}
</div>
<script>
var m = angular.module('module', []);
m.controller('ctrl', ['$scope', function ($scope) {
}]);
</script>
</body>
</html>
以上這篇angularJs中ng-model-options設(shè)置數(shù)據(jù)同步的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- angularjs select 賦值 ng-options配置方法
- AngularJS基礎(chǔ) ng-model-options 指令簡(jiǎn)單示例
- Angular中ng-options下拉數(shù)據(jù)默認(rèn)值的設(shè)定方法
- AngularJS中ng-options實(shí)現(xiàn)下拉列表的數(shù)據(jù)綁定方法
- angular指令筆記ng-options的使用方法
- AngularJS動(dòng)態(tài)綁定ng-options的ng-model實(shí)例代碼
- 詳解使用angularjs的ng-options時(shí)如何設(shè)置默認(rèn)值(初始值)
- AngularJS學(xué)習(xí)筆記之ng-options指令
相關(guān)文章
今天小編就為大家分享一篇angularJs利用$scope處理升降序的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
AngularJS ng-repeat數(shù)組有重復(fù)值的解決方法
不知道大家是否遇到過(guò)這個(gè)問(wèn)題，在當(dāng)Angular.JS ng-repeat數(shù)組中有重復(fù)項(xiàng)時(shí)，系統(tǒng)就會(huì)拋出異常，這是該怎么做？本文通過(guò)示例代碼介紹了詳細(xì)的解決方法，有需要的朋友們可以參考借鑒，下面來(lái)一起看看吧。2016-10-10
本文主要介紹AngularJS指令,這里整理了簡(jiǎn)單的指令并附示例代碼，有需要的小伙伴可以參考下2016-08-08
本篇文章主要介紹了Angular2 之 路由與導(dǎo)航詳細(xì)介紹，詳細(xì)的介紹了路由的用法，具有一定的參考價(jià)值，有興趣的可以了解一下2017-05-05
angular4應(yīng)用中輸入的最小值和最大值的方法
這篇文章主要介紹了angular4應(yīng)用中輸入的最小值和最大值的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-05-05
Angularjs中的事件廣播 —全面解析$broadcast,$emit,$on
下面小編就為大家?guī)?lái)一篇Angularjs中的事件廣播 —全面解析$broadcast,$emit,$on。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧2016-05-05
使用Chrome瀏覽器調(diào)試AngularJS應(yīng)用的方法
這篇文章主要介紹了使用Chrome瀏覽器調(diào)試AngularJS應(yīng)用的方法,AngularJS是非常熱門(mén)的JavaScript庫(kù),需要的朋友可以參考下2015-06-06
使用AngularJS對(duì)表單提交內(nèi)容進(jìn)行驗(yàn)證的操作方法
AngularJS是一款優(yōu)秀的前端JS框架，已經(jīng)被用于Google的多款產(chǎn)品當(dāng)中。下面通過(guò)本文給大家分享使用AngularJS對(duì)表單提交內(nèi)容進(jìn)行驗(yàn)證的操作方法，需要的的朋友參考下吧2017-07-07
這篇文章主要介紹了angularjs性能優(yōu)化的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
下面小編就為大家分享一篇angularJs 表格添加刪除修改查詢(xún)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02