Question

所以我使用ng-paginate进行分页，但是当我使用过滤器时会出现一些问题。所以我有3个选项的下拉列表。

所以当我从下拉列表中选择一个选项时，数据会被过滤，但只会过滤页面的数据。示例I有100条记录，我每页显示10条记录，只过滤了10条记录中的数据。所以我正在寻找一种解决方案，其中过滤器应该适用于所有记录，而不仅仅是当前页面。这是玉器中的代码。

<label for="exampleSelect1">Vehicle-Mode
  <select id="exampleSelect1" name="opt" value="opt" ng-model="check" ng-change="getValue(check, fromDate, toDate)" class="form-control">
    <option>Booked</option>
    <option>checked_in</option>
  </select>
</label>
<tr dir-paginate="vehicle in vehicles | filter:search | itemsPerPage:1000">
  <td>{{xxx}}</td>
  <td>{{yyy}}</td>
</tr>
<dir-pagination-controls max-size="1000" direction-links="true" boundary-links="true"></dir-pagination-controls>

Answer 1

所以解决方案就在他们的文档中常见问题

为什么我的排序/过滤器只影响当前页面？

这是一个常见问题，通常是由于itemsPerPage过滤器不在表达式的末尾。例如，请考虑以下事项：

<li dir-paginate="item in collection | itemsPerPage: 10 | filter: q">...</li> <!-- BAD -->

在这种情况下，首先通过itemsPerPage过滤器将集合截断为10个项目，然后仅过滤这10个项目。解决方案是确保itemsPerPage过滤器在任何排序/过滤后出现：

<li dir-paginate="item in collection | filter: q | itemsPerPage: 10">...</li> <!-- GOOD -->

angular-js ng-paginate with filter

1 个答案: