角度使用limitTo和Filter

时间:2014-09-22 10:06:02

标签: angularjs angularjs-directive angularjs-ng-repeat

我有一个2,000个元素的列表,我用以下方式创建了angular:

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

我正在使用滚动事件来更改滚动时的limitSize。

我还有一个searchTerm,我可以在给定元素中搜索elem,如下所示:

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

当我在可见列表中搜索elem时,它当然有效,但是当我搜索当前不可见的elem时,它会返回一个空列表。

我正在使用limitTo,因为我不想在页面加载时呈现整个2,000列表。

我有什么选择?我做错了吗?

谢谢, 欧米

1 个答案:

答案 0 :(得分:17)

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

应先调用filter然后调用limitTo