如何使用AngularJS对结果进行分页,然后在完整列表中进行过滤？

2023年8月27日 230次阅读

来自
How to do paging in AngularJS?的示例和链接都显示分页系统,其中过滤/排序仅适用于当前页面.

例如,sorting by id on the 1st page of this fiddle将切换：

>之间：1,10,11,12,13;
>和这：13,12,11,10,1.

虽然有人可能会得到：

> 1,2,3,4,5(这些值出现在后续页面中).

题

如何过滤/订购然后分页而不是分页然后过滤列表？

最佳答案 1)停止对分页结果进行排序

之前：

<tr ng-repeat="item in pagedItems[currentPage] | orderBy:sortingOrder:reverse">

后：

<tr ng-repeat="item in pagedItems[currentPage]">

2)在整个集合上注入$filter和sort

$filter('orderBy')($scope.items, $scope.sortingOrder, $scope.reverse);

… Here is a modified fork你的小提琴

点赞