在Angular 2中过滤之前,如何设置i =数组的索引？

发布时间：2020-12-17 17:28:28 所属栏目：安全来源：网络整理

导读：我在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

我在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”是我自己的管道过滤器.

请帮忙.谢谢

解决方法

* NgFor的变量索引用于当前结果.根据您的情况,您可以通过eClients .indexOf(客户端)获取原始索引.

参考plunker.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!