如何在用户完成输入时调用angularjs ngChange处理程序
发布时间:2020-12-17 07:55:00 所属栏目:安全 来源:网络整理
导读:我有一个输入字段,我想要应用ngChange的变体. 输入字段与ajax调用绑定,当用户更改输入时,服务器端将处理数据,但是,我不想经常拨打电话. 假设用户想输入一个真正的字符串,我希望只有在用户完成他要输入的单词后才能进行调用. 不过,我不想使用模糊等事件.实现
我有一个输入字段,我想要应用ngChange的变体.
输入字段与ajax调用绑定,当用户更改输入时,服务器端将处理数据,但是,我不想经常拨打电话. 假设用户想输入一个真正的字符串,我希望只有在用户完成他要输入的单词后才能进行调用.
在Angular中使用ng-model-options> 1.3
<input type="text" ng-model="vm.searchTerm" ng-change="vm.search(vm.searchTerm)" ng-model-options="{debounce: 750}" /> 没有ng-model-options – 在标记中: <input ng-change="inputChanged()"> 在您的支持控制器/范围 var inputChangedPromise; $scope.inputChanged = function(){ if(inputChangedPromise){ $timeout.cancel(inputChangedPromise); } inputChangedPromise = $timeout(taskToDo,1000); } 然后你的taskToDo只会在1000毫秒没有变化后运行. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |