🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 思路:用户在输入框中改动一次angular运行一次,(鼠标离开时间和控制时间) ### input鼠标失去焦点 ![](https://box.kancloud.cn/0ef53e4f2170b4a84e02eb45032f63aa_540x276.png) ~~~ <body ng-app="model"> <div ng-controller="a"> <input type="text" ng-model="data" ng-model-options="{updateOn:'blur'}"> {{data}} </div> </body> <script> var a = angular.module('model', []); a.controller('a', ['$scope', function ($scope) { $scope.data = 'abd'; }]) </script> ~~~ ### 指定时间更新'3000' 3秒 ~~~ <body ng-app="model"> <div ng-controller="a"> <input type="text" ng-model="data" ng-model-options="{debounce:3000}"> {{data}} </div> </body> <script> var a = angular.module('model', []); a.controller('a', ['$scope', function ($scope) { $scope.data = 'abd'; }]) </script> ~~~ ## 优化 > 如果不设置debounce:{default:500,blur:0}的blur,只按照default的属性走 ~~~ <body ng-app="model"> <div ng-controller="a"> <input type="text" ng-model="data" ng-model-options="{updateOn:'default blur',debounce:{default:500,blur:0}}"> {{data}} </div> </body> ~~~