溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

angularJs中怎么使用ng-model-options設(shè)置數(shù)據(jù)同步

發(fā)布時(shí)間:2021-07-23 15:01:01 來(lái)源:億速云 閱讀:143 作者:Leah 欄目:web開(kāi)發(fā)

今天就跟大家聊聊有關(guān)angularJs中怎么使用ng-model-options設(shè)置數(shù)據(jù)同步,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。

利用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>

看完上述內(nèi)容,你們對(duì)angularJs中怎么使用ng-model-options設(shè)置數(shù)據(jù)同步有進(jìn)一步的了解嗎?如果還想了解更多知識(shí)或者相關(guān)內(nèi)容,請(qǐng)關(guān)注億速云行業(yè)資訊頻道,感謝大家的支持。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI