Add Debounce/Throttle to AngularJS ng-repeat filter

Question

How can I add Debounce/Throttle of 300ms to ng-repeat filter to increase performance as I need to filter a huge array of objects. Please find below sample code.

<input type="text" ng-model="q" />
<div ng-repeat="user in users | filter : q">
 {{user.name}}
</div>

http://stackoverflow.com/questions/15304562/how-to-put-a-delay-on-angularjs-instant-search — TheSameSon, Feb 07 '17 at 17:00
hadiJz, I've wrote my answer before this comment. So you downvoted me to no purpose — Ekaterina Tokareva, Feb 07 '17 at 17:29
@EkaterinaTokareva, i put answer that similar to one of answers from above link. but Jagajit down vote it. i just mention this. of course your answer learn me new thing. — Hadi J, Feb 07 '17 at 17:39

score 4 · Accepted Answer · answered Feb 07 '17 at 17:00

4

Write ng-model-options:

<input type="text" ng-model="q" ng-model-options="{debounce: 300}"/>

answered Feb 07 '17 at 17:00

Ekaterina Tokareva

813
11
11

Add Debounce/Throttle to AngularJS ng-repeat filter

1 Answers1