Angular search optimizing

Question

I have an angular application that is ment to search through 1000+ objects. is tearing on the ui and the application seems slow.

The objects im searching through looks like this:

The current array im searching through is 799 long.

My search method up till now has been an input field with the following:

<input type="text" class="form-control" placeholder="Søg" ng-model="search.$">

As you might have guessed the problem is that im searching in all of the text.

So i attempted to change this to only search in the question field:

<input type="text" class="form-control" placeholder="Søg" ng-model="search.question">

However this did not help much. The UI is still "laggy" when i attempt to write in the search field.

So my question is how do i optimize this search and avoid a laggy ui?

a better oliver · Accepted Answer · 2016-02-29 12:17:35Z

2

You didn't write what actually happens when you enter something into the input field. Anyway, instead of searching while the user is typing you can search after she has stopped typing, using ngModelOptions:

<input ng-model-options="{ debounce: 200 }" ng-model="search.question">

This starts the search 200ms after the user has stopped typing.

answered Feb 29, 2016 at 12:17

a better oliver

26.9k2 gold badges64 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular search optimizing

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related