AngularJS 'ng-filter' is very slow on array of ~1000 elements

Question

I have a simple search filter set up for a list of itemnames in AngularJS.

My list looks like this:

var uniqu         


        

Answer 1

Every time you press key in input all watch expressions need to be executed and looking at your code you have lot of them. If item names are immutable you could use for example https://github.com/abourget/abourget-angular which allows you to write:

And you have 1000 less watch expressions to execute on each keystroke.

Additionally you could use some kind of throttling on input so filter triggers after 500ms from last keystroke.