使用嵌套的 ng-repeat 在 table 中进行目录分页

Question

我在 table 中使用 dir-paginate，它是从嵌套的 ng-repeat 数据填充的。表格已正确填充，但在一个 table 中完成排序和分页也会导致所有剩余的 table。我也用 $index 跟踪，但没有用。

   <div ng-repeat= "pData in parentData">
    {{PData.item}}

   <table>
   <thead>
   </thead>
   <tbody> 

   <tr dir-paginate="item in pData.appraisals|orderBy:sortKey:reverse|filter:GenericSearch|itemsPerPage 
:10" pagination-id="policyHolderAppraisals"

 <td>{{item.b}}</td>
 <td>{{item.a}}</td>

 </tbody>
 </table>
 </div>

Answer 1

是的，这可以通过使用 pagination-id 来唯一标识和分组每个分页控件以进行排序、过滤等来完成。

例如

<ul>
    <li dir-paginate="customer in customers | itemsPerPage: 10" pagination-id="cust">{{ customer.name }}</li>
</ul>

<dir-pagination-controls pagination-id="cust"></dir-pagination-controls>

<ul>
    <li dir-paginate="branch in branches | itemsPerPage: 10" pagination-id="branch">{{ customer.name }}</li>
</ul>

<dir-pagination-controls pagination-id="branch"></dir-pagination-controls>

可以在此处找到更多信息 https://github.com/michaelbromley/angularUtils/tree/master/src/directives/pagination#multiple-pagination-instances-on-one-page

使用嵌套的 ng-repeat 在 table 中进行目录分页

dir-paginate in table with nested ng-repeat

angularjs

angularjs-ng-repeat