后臺請求任務量很大的時候,可以設置同步的時間和操作,
利用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設置數據同步的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持錯新站長站。
新聞熱點
疑難解答
圖片精選