后臺(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è)參考，也希望大家多多支持腳本之家。
聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Copyright ? 2019-2025 51dongshi.com 版權(quán)所有
違法及侵權(quán)請(qǐng)聯(lián)系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬(wàn)商天勤律師事務(wù)所王興未律師提供法律服務(wù)
