AngularJS分页顺序仅影响显示的页面

Question

我已经按照以下方式编写了代码：

<div id="{{item.product.id}}" class="col-xs-12 inventory-row" dir-paginate="item in inventory|itemsPerPage:10|orderFilter:filterMainKeyword|orderBy:getMainInventoryOrderByAttribute():getMainInventorySortOrder()" pagination-id='mainInventory'>
    <div class="item-footer">
        <dir-pagination-controls pagination-id='mainInventory'></dir-pagination-controls>
    </div>
<div>

每当我尝试对任何列进行排序时，当前页面中的项目都会被排序，有什么办法可以对所有项目进行排序？ 提前致谢

Answer 1

翻转滤镜

item in inventory | orderFilter: filterMainKeyword | itemsPerPage: 10 

Answer 2

AngularJS中的过滤器按照您定义它们的顺序应用。 在应用其他过滤器之前，请尝试对集合进行排序：

dir-paginate="item in inventory | orderFilter: filterMainKeyword | orderBy:getMainInventoryOrderByAttribute():getMainInventorySortOrder() | itemsPerPage: 10"