A rookie ionic, please give me your advice. Ionic makes a mobile phone app page to get the list of orders, with four tags that show different status of orders. Each time you enter a tag, you empty the list of orders and retrieve the corresponding orders. The getTicketOrder () function returns one page at a time (page=1), and the data on each page is 20 orders (pageSize= 20); the rest of the data is obtained using ion-infinite-scroll sliding.
the code for ion-infinite-scroll is as follows:
the html code is as follows:
<ion-infinite-scroll (ionInfinite)="doInfinite($event)" threshold="10%" immediate-check="false">
<ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Loading...">
</ion-infinite-scroll-content>
</ion-infinite-scroll>the ts code is as follows:
doInfinite(infinite) {
setTimeout(()=>{
if (this.isAll == true){ //
infinite.enable(false);
return ;
}
this.pagePP ;
this.getTicketOrder();
infinite.complete();
},1000);
}
changeOption(status:any){ //
if (this.type == status){
return ;
}
this.type = status ;
this.page =1 ;
this.orderList = [] ;
this.isAll = false;
this.getTicketOrder();
} problem: when you enter the page for the first time, the data is loaded normally in a single tag, but if you refresh and load all the data in a single tag, and then enter another tag, it cannot be loaded.
after I comment out the infinite.enable (false);, I always refresh it, but I still don"t load the data. Please give us your advice.