Question

我正在处理离子虚拟滚动条，确实需要任何可能的建议来解决。简而言之，我有一个数组，可以从API提取数据。目前，该API返回的记录超过100条（不提供分页），并且该数字预计还会增加，因此Virtual Scroll似乎很合适。但是，滚动功能存在一个怪异的问题。首先，它会显示一些记录以填满显示器的高度，然后当您开始滚动时，只剩下一个项目，然后将其替换为列表中的下一个项目。我附带了一个小型视频，以便你们对这件事有更深入的了解（https://streamable.com/b79xv 1）

非常感谢。

这是相关的代码段：

<ion-list [virtualScroll]="listOfUnassignedCases" approxItemHeight='50px'>
    <ion-item *virtualItem="let case" (click)="goToAssignConfirm(case)">
      <img style="width:15%;height:auto; margin-right:15px" item-start [src]="case.imageurl" (error)="global.updateImgUrl($event)"/>
      <p style="color:#7e3d92;">{{case.dia_diem_diachi}}, {{case.dia_diem_phuong}}, {{case.dia_diem_quan}}</p>
      <p>{{case.noi_dung}}</p>
      <p>{{case.ngay_phat_sinh}}</p>
      <p style="color:#c14f4f;">Người báo: {{case.nguoi_bao_sdt}}</p>
      <p>{{case.trangthai}}</p>
      <ion-icon item-end ios="ios-arrow-forward" md="ios-arrow-forward"></ion-icon>
    </ion-item>
  </ion-list>

ionic 3 _ Virtual Scroll在滚动时仅显示1个项目

0 个答案: