ionic 3 _ Виртуальная прокрутка отображает только 1 элемент при прокрутке - PullRequest
Новая
       17

ionic 3 _ Виртуальная прокрутка отображает только 1 элемент при прокрутке

0 голосов
/ 25 апреля 2019

У меня проблема с ионной виртуальной прокруткой, и мне действительно нужны любые возможные предложения для ее решения. Короче говоря, у меня есть массив, из которого я буду получать данные из 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>
...