angular - 在 Angular 2 中过滤数组之前，如何设置 i=index of array？

Question

我目前在 Angular 2 中对客户端列表进行分页时遇到问题。这是我的代码片段:

<tr *ngFor="let client of eClients | filter:term | paginate: { itemsPerPage: 20, currentPage: p}; let i = index" (click)="toggleClient(i)">
   <td>
    <checkbox [(ngModel)]="eClients[i].selected">
     {{client.name}}
    <checkbox>
   </td>
</tr>

问题是索引与数组中的实际位置不对应。例如，如果我转到第 2 页并单击列表中的客户端 #2，我应该得到 22 的索引，但我得到的是 2。当我从一个页面移动到另一个页面时，该索引似乎只跨越 0-19 .它首先过滤数据，然后设置索引。如何在任何过滤器或分页发生之前设置“i=index”？

附言“checkbox”是我自己的模块，“term”是我自己的管道过滤器。

请帮忙。谢谢你

Answer 1

*NgFor 的变量index 是当前结果。对于您的情况，您可以通过 eClients .indexOf(client) 获取原始索引。

引用plunker .