Я пытаюсь загрузить динамические данные, используя бесконечную прокрутку, но событие не срабатывает, когда я попадаю на нижнюю страницу.
<ion-content (ionScroll)="scroll($event)" [scrollEvents]="true">
<ion-refresher slot="fixed" pullFactor="0.5" pullMin="100"
pullMax="200">
<ion-refresher-content></ion-refresher-content>
</ion-refresher>
//Data
<ion-infinite-scroll threshold="100px" (ionInfinite)="loadData($event)"
[disabled]="runtimes <= 0" *ngIf="!noRecord" >
<ion-infinite-scroll-content
loadingSpinner="bubbles"
loadingText="Loading more data...">
</ion-infinite-scroll-content>
</ion-infinite-scroll>
<ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
<ion-refresher-content
pullingIcon="arrow-dropdown"
pullingText="Pull to refresh"
refreshingText="Refreshing...">
</ion-refresher-content>
</ion-refresher>
</ion-content>
Событие Ionic Infinite Scroll не запускается в файле TS. Я достиг нижней части страницы, но анимации не было.
@ViewChild(IonInfiniteScroll) infiniteScroll: IonInfiniteScroll;
@ViewChild(IonContent) content: IonContent;
//Requesting Data
loadReport() {
return new Promise(resolve => {
this.postPvdr.postData(body, 'proses-api.php').subscribe(data => {
for (let report of data.result) {
this.income.push(report);
}
resolve(true);
});
});
}
Это событие для бесконечного Свитка
loadData(event) {
//To limit the Number of Loading
this.runtimes = this.runtimes - 1;
if (this.runtimes < 0) {
this.noRecord = true;
}
setTimeout(() => {
this.loadReport();
event.target.complete();
}, 2000);
}
Любой ответ приветствуется.