How to paginate result using AngularJS yet filtering on the complete list?

Question

Examples and links from How to do paging in AngularJS? all show pagination system where the filtering/ordering only apply to current page.

While someone might expects to get :

How would someone filter/order then paginate instead of paginate then filter a list ?

are you concerned about the sorting algorithm as well, or just sorting on the entire set? If we apply the same sorting algorithm to the entire set, the values one should expect are 1, 10, 11, 12, 13 — Gil Birman
– Gil Birman, Commented Mar 9, 2014 at 6:54

Gil Birman · Accepted Answer · 2014-03-09 15:09:40Z

2

1) Stop sorting on paged results

Before:

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

After:

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

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

answered Mar 9, 2014 at 7:00

Gil Birman

36k15 gold badges78 silver badges124 bronze badges

Sign up to request clarification or add additional context in comments.

Thanks, that's what I finally did. however the sorting is kind of slow, I will need to update my question to give more details.

I updated the link in my answer and it's a little faster now.