2014-09-22 16 views
6

Ich habe eine Liste von 2.000 Elementen, die ich mit Winkel auf folgende Weise erstellt:Angular mit LimitTo und Filter

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

ich ein Scroll-Ereignis verwenden, den die limitSize auf Scroll ändert.

Ich habe auch einen Suchbegriff ein, die ich für eine Elem in den angegebenen Elemente suchen, die wie folgt aussieht:

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

Wenn ich eine Elem im sichtbaren Liste suchen sie natürlich Arbeits ist, aber wenn ich suche nach elem, das momentan nicht sichtbar ist, es gibt eine leere Liste zurück.

Ich benutze LimitTo, weil ich nicht die gesamte 2000 Liste beim Laden der Seite rendern möchte.

Was sind meine Optionen? Mache ich etwas falsch?

Danke, Omri

Antwort

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

sollte die filter Zunächst rufen dann die limitTo

+0

Wow, ein paar Stunden an diesem :) Vielen Dank verbracht! – omri

+0

froh wenn es dir hilft :) und könntest du bitte diese und eine Marke als richtige Antwort abstimmen :) –

+0

Wusste nicht, dass die Lösung so offensichtlich war ... vielen Dank! – Gary