Angular 与ngx分页一起使用时，ngFor索引重置为0 {{data1.name}

将

rawDataListDup

项视为

300

。在上面的代码中，当我转到表中的下一页时，idx的值重置为0

AssigneeChange（数据、id、idx）{
日志（数据、id、idx）
}

将当前索引

rawDataListDup

视为

100

。在控制台中，当调用函数

AssigneeChange

时，我得到

idx=0

而不是

idx=100

。当我在表的

page=2

中时会发生这种情况。每页将有100个项目

如何解决这个问题？

请参考解决方案

<tr *ngFor="let data of rawDataListDup 
   | filter:searchText 
   | paginate: { itemsPerPage: 100,currentPage: q }; 
   let idx = index + paginate.currentPage  * paginate.itemsPerPage;
">

我们可以使用下面的代码获得绝对索引，因为paginate无法识别它

AssigneeChange（数据、id、idx）{
idx=100*（这是q-1）+idx；
日志（数据、id、idx）
}

将“q”而不是“idx”传递给AssigneeChange函数。

解决方案：使用

indexOf（）

方法获取循环中项目的索引

---

这并没有解决问题。您尝试了什么但没有成功？
解析器错误：意外令牌；在[let data of rawDataListDup | filter:searchText | paginate:{itemsPerPage:100，currentPage:q}；let idx=index+paginate.currentPage*paginate.itemsPerPage；]中的第161列，尝试删除
从结尾
解析器错误：在[let data of rawDataListDup | filter:searchText | paginate:{itemsPerPage:100，currentPage:q}；让idx=index+paginate.currentPage*paginate.itemsPerPage]中的第114列出现意外的标记+、预期的标识符、关键字或字符串
page 0: item 0 = 0 + 0 * 10 = 0
page 0: item 1 = 1 + 0 * 10 = 1
page 1: item 0 = 0 + 1 * 10 = 10
page 1: item 1 = 1 + 1 * 10 = 11