快捷導(dǎo)航

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è)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

AngularJS實(shí)現(xiàn)的生成隨機(jī)數(shù)與猜數(shù)字大小功能示例
這篇文章主要介紹了AngularJS實(shí)現(xiàn)的生成隨機(jī)數(shù)與猜數(shù)字大小功能,結(jié)合完整實(shí)例形式分析了AngularJS隨機(jī)數(shù)生成與數(shù)值判定相關(guān)操作技巧,需要的朋友可以參考下
2017-12-12
Angular環(huán)境搭建及簡(jiǎn)單體驗(yàn)小結(jié)
Angular基于TypeScript和react、vue相比 Angular更適合中大型企業(yè)級(jí)項(xiàng)目，本文通過(guò)實(shí)例代碼給大家分享Angular環(huán)境搭建及簡(jiǎn)單體驗(yàn)，感興趣的朋友跟隨小編一起學(xué)習(xí)吧
2021-05-05
Angular 根據(jù) service 的狀態(tài)更新 directive
Angular JS (Angular.JS) 是一組用來(lái)開(kāi)發(fā)Web頁(yè)面的框架、模板以及數(shù)據(jù)綁定和豐富UI組件。本文給大家介紹Angular 根據(jù) service 的狀態(tài)更新 directive，需要的朋友一起學(xué)習(xí)吧
2016-04-04
用Angular實(shí)現(xiàn)一個(gè)掃雷的游戲示例
這篇文章主要介紹了用Angular實(shí)現(xiàn)一個(gè)掃雷的游戲示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-05-05
Angular.js中ng-if、ng-show和ng-hide的區(qū)別介紹
angularJS中的ng-show、ng-hide、ng-if指令都可以用來(lái)控制dom元素的顯示或隱藏。那么這篇文章就給大家主要介紹了Angular.js中ng-if、ng-show和ng-hide的區(qū)別，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。
2017-01-01
AngularJS 前臺(tái)分頁(yè)實(shí)現(xiàn)的示例代碼
本篇文章主要介紹了AngularJS 前臺(tái)分頁(yè)實(shí)現(xiàn)的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-06-06
詳解Angular依賴注入
依賴注入(DI -- Dependency Injection)是一種重要的應(yīng)用設(shè)計(jì)模式。Angular里面也有自己的DI框架，在設(shè)計(jì)應(yīng)用時(shí)經(jīng)常會(huì)用到它，它可以我們的開(kāi)發(fā)效率和模塊化程度。 Angular系統(tǒng)中通過(guò)在類上添加@Injectable裝飾器來(lái)告訴系統(tǒng)這個(gè)類(服務(wù))是可注入的。
2021-05-05
Angular5升級(jí)RxJS到5.5.3報(bào)錯(cuò)：EmptyError: no elements in sequence的解
這篇文章主要給大家介紹了關(guān)于Angular5升級(jí)RxJS到5.5.3報(bào)錯(cuò)：EmptyError: no elements in sequence的解決方法，文中介紹了兩個(gè)解決方法，大家可以選擇使用，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。
2018-04-04
詳談AngularJs 控制器、數(shù)據(jù)綁定、作用域
下面小編就為大家?guī)?lái)一篇詳談AngularJs 控制器、數(shù)據(jù)綁定、作用域。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-07-07
angular強(qiáng)制更新ui視圖的實(shí)現(xiàn)方法
這篇文章主要介紹了angular強(qiáng)制更新ui視圖的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-03-03