Angular using limitTo and filter

Question

I have a list of 2000 items that I created using angular as follows:

<tr ng-repeat="elem in elements | limitTo:limitSize | filter:searchTerm | orderBy:predicate:reverse"> 

I am using a scroll event that changes limitSize to scroll.

I also have a searchTerm that I can search for an element in these elements, which looks like this:

  <input class="search" style="margin-top: 20px;" placeholder="Search" type="text" ng-model="searchTerm" /> 

When I search for an element in a visible list, it certainly works, but when I search for an element that is not currently visible, it returns an empty list.

I use limitTo because I do not want to display the entire 2000 sheet on the page.

What are my options? Am I doing something wrong?

Thanks Omri

Answer 1

  <tr ng-repeat="elem in elements | filter:searchTerm | limitTo:limitSize | orderBy:predicate:reverse"> 

should call filter First, then limitTo