在ionic 2中如何进行分页？

<ion-content>
  <!-- 显示已加载的数据 -->
  <ion-list>
    <ion-item *ngFor="let item of items">
      {{ item }}
    </ion-item>
  </ion-list>

  <!-- ion-infinite-scroll组件 -->
  <ion-infinite-scroll (ionInfinite)="loadMoreData($event)">
    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="加载更多数据...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>

export class YourPage {
  items: any[] = [];

  // 加载更多数据的方法
  loadMoreData(event) {
    // 模拟异步加载数据
    setTimeout(() => {
      for (let i = 0; i < 10; i++) {
        this.items.push('新数据 ' + (this.items.length + 1));
      }

      // 完成加载后，告诉ion-infinite-scroll组件
      event.complete();

      // 如果已加载的数据达到了某个条件，禁用ion-infinite-scroll组件
      if (this.items.length >= 50) {
        event.enable(false);
      }
    }, 1000);
  }
}