使用Angularjs过滤器进行分页

Paginate with Angularjs filter

本文关键字：分页 过滤器 Angularjs 使用      更新时间：2023-09-26

我一直在使用Angularjs动态表，我应用了过滤器和分页(UI Bootstrap pagination)，过滤器工作得很好，但它过滤了分页页面上每个页面的数据。分页未更新

<tr class="instances" ng-repeat="instance in fail_instances.slice(((currentPage_fail-1)*itemsPerPage), ((currentPage_fail)*itemsPerPage)) | filter:searchText">

分页:

<pagination total-items="totalItems_pass" ng-model="currentPage_pass" max-size="maxSize" class="pagination-sm" boundary-links="true" rotate="false" num-pages="numPages" items-per-page="itemsPerPage"></pagination>

我建议您使用dirPagination，因为它非常灵活，还可以根据过滤标准动态更新数据页。

试试这个链接:——//plnkr.co/edit/Wtkv71LIqUR4OhzhgpqL?p =

预览
相关文章：