Невозможно использовать бесконечную прокрутку с помощью Ionic3 - PullRequest
Новая
       7

Невозможно использовать бесконечную прокрутку с помощью Ionic3

0 голосов
/ 05 июня 2018

Здесь я получаю данные, я применил бесконечную прокрутку, но элементы, не отображаемые на моей странице прокрутки, - это мой код:

.html 

  <ion-list

* ngFor = "пусть инфа о IfoData;"click1011 *

Ответы [ 2 ]

0 голосов
/ 05 июня 2018

поставить бесконечную прокрутку в конце в ion-содержимом 

<ion-infinite-scroll (ionInfinite)="doInfinite($event)">
  <ion-infinite-scroll-content></ion-infinite-scroll-content>
</ion-infinite-scroll>

и в вашем файле ts doInfinite (infiniteScroll) {console.log ('Начать асинхронную операцию'); 

    setTimeout(() => {
   for (let i = 0; i < 10; i++) {
    this.iData.push( this.iData.length );
  }

  console.log('Async operation has ended');
  infiniteScroll.complete();
}, 500);
0 голосов
/ 05 июня 2018

Компонент бесконечной прокрутки должен быть последним элементом в ионном содержимом.Вы должны попробовать вот так 

<ion-content>
<ion-list>
<ion-item class="itm" *ngFor="let i of IData;"  (click)="goItem(i.Id,i.Name)">
      <ion-avatar item-start role="img">
        <img [src]="'data:image/png;base64,'+i.Image" style="width: 110px;">
      </ion-avatar>

      <div class="item-inner">
        <h2 class="_nme">{{i.Name}}</h2>
        <p class="_price">{{i.Cost}}</p>
        <ion-icon name="arrow-dropright"></ion-icon>
      </div>

    </ion-item>
</ion-list>
<ion-infinite-scroll (ionInfinite)="doInfinite($event)">
   <ion-infinite-scroll-content></ion-infinite-scroll-content>
</ion-infinite-scroll>
</ion-content>

ion-infinite-scroll-content - это изменить счетчик по умолчанию и добавить текст в бесконечной прокрутке

Подробнее см. docs

...