angularjs – Angular使用limitTo和Filter

前端之家收集整理的这篇文章主要介绍了angularjs – Angular使用limitTo和Filter前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个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列表.

我有什么选择?难道我做错了什么?

谢谢,
奥马里

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

应该先调用过滤器然后调用limitTo

猜你在找的Angularjs相关文章