Ionic 3 - бесконечная прокрутка с горизонтальной прокруткой

Question

Я использовал Бесконечную прокрутку с "Вертикальной прокруткой", и она работает как положено.

На другой странице у меня есть несколько "Горизонтальных свитков". Я хотел бы сделать их бесконечными свитками также. Я использовал <ion-infinite-scroll> тег для горизонтальной прокрутки, но он не работает должным образом. Я тоже гуглил, но не мог найти много помощи.

Я вставляю свой код ниже. <ion-scroll scrollX="true"> <ion-card *ngFor="let x of y"> ... </ion-card> <ion-infinite-scroll (ionInfinite)="doInfinite($event, y)"> <ion-infinite-scroll-content></ion-infinite-scroll-content> </ion-infinite-scroll> </ion-scroll>

Одна вещь, которую я заметил, - когда я прокручиваю всю страницу до конца, ionInfinite метод вызывается на всех горизонтальных свитках. Таким образом, похоже, что вертикальная бесконечная прокрутка срабатывает вместо горизонтальной бесконечной прокрутки.

Пожалуйста, дайте мне знать, если я что-то упустил или есть какой-то конкретный способ написания кода.

Answer 1

Вы не можете сделать это с помощью Ionic, но вы можете сделать это самостоятельно:

Шаблон:

<div (scroll)="YOURMETHOD($event)">
    //do something
</div>

Page.ts:

public YOURMETHOD(event:any){
    console.log(event)
}

Ионный:

   Ionic CLI                     : 5.1.0 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.5.0
   @angular-devkit/build-angular : 0.13.9
   @angular-devkit/schematics    : 7.3.9
   @angular/cli                  : 7.3.9
   @ionic/angular-toolkit        : 1.5.1