scroll上拉加载更多

步骤    

【在tab1里演示】

1.新建项目 ionic start ionic06scroll tabs

2.tab1.page.html

      <ion-list>

        <ion-item *ngFor="let item of list">

          <ion-label>{ { item }}</ion-label>

        </ion-item>

      </ion-list>

3.tab1.page.ts

      list: any[] = [];

      constructor() {

        for(var i = 0; i < 16; i++) {

          this.list.push('这是第' + i + '条数据');

        }

      }

4.上拉加载更多

（1）tab1.page.html 在 list后面加ion-infinite-scroll

            ----- 快捷键i-infi -----

            <ion-infinite-scroll threshold="10%" position="bottom" (ionInfinite)="loadData($event)">

              -----threshold表示距离底部多远时触发事件loadData() -----

              <ion-infinite