AngularJS 分页 orderBy 只影响显示的页面答案

【问题标题】：AngularJS Pagination orderBy only affects displayed pageAngularJS 分页 orderBy 只影响显示的页面
【发布时间】：2015-07-03 11:34:18
【问题描述】：

我以以下方式编写了我的代码：

<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>

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

【问题讨论】：

标签： javascript html angularjs

【解决方案1】：

翻转你的过滤器

item in inventory | orderFilter: filterMainKeyword | itemsPerPage: 10

【讨论】：

【解决方案2】：

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

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

【讨论】：