如何将页码传递给离子无限滚动?

时间:2017-08-28 05:06:43

标签: angular typescript ionic-framework infinite-scroll ionic3

我是Ionic的新手,想使用无限滚动来显示来自HTTP GET的数据,其pagenumber参数类似于以下内容:

http://example.com/users/pagenum=1

无限滚动可以传递页码吗?因此,如果它接下来滚动,它将调用下一页编号

http://example.com/users/pagenum=2

由于

1 个答案:

答案 0 :(得分:2)

是的,您可以。请参阅下面的内嵌评论。

html的

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

.TS

 pageNumber: number = 1;//default page number

 constructor(){}

 getNewPage(infiniteScroll:any) {
    this.pageNumber++;//Here increase the page number
    this.getYourAsyncMethod(this.pageNumber)
      .subscribe((res: any) => {
        // handle the response...
      },
      error => {
        // handle the error...
      },
      () => {
        // Hide the spinner of the infinite scroll
        infiniteScroll.complete();
      });
  }