Im trying to realise a page with vertical swiper and I want to show at the end of all the pages an ion-infinite-scroll to allow user to load more items.
<swiper class="vertical-swiper" (slideChange)="onSlideChange()" [config]="itemVerticalSwiperConfig">
<ng-template swiperSlide *ngFor="let exploration of explorations">
<app-item-card [exploration]="exploration"></app-item-card>
</ng-template>
</swiper>
<ion-infinite-scroll (ionInfinite)="loadData($event)">
<ion-infinite-scroll-content"
loadingSpinner="bubbles"
loadingText="Loading more data...">
</ion-infinite-scroll-content>
</ion-infinite-scroll>
The problem is that I cannot swipe on swiper to activate ion-inifinite-scroll. I’ve already tried to put infinite-scroll as swiperSlinde inside swiper but it loads it as a new slide without calling the function loadData()
.
Can someone help me solve this problem ? Thank you