在ionic2中我想先通过http请求一部分，然后剩下的数据用 ion-infinite-

Question

doInfinite(infiniteScroll) {console.log('Begin async operation');setTimeout(() => {  for (let i = 0; i < 5; i++) {    if(this.items.length < 20){      this.items.push( this.items.length );       infiniteScroll.complete();             }else{      infiniteScroll.enable(false);    }  }  console.log('Async operation has ended');}, 500);}ionViewDidLoad(){this.http.get('assets/data/nearby.json').subscribe(data=>{  console.log(data)  console.log(data.json())  this.lists = data.json()},error=>{  console.log(error)});}}

Answer 1

通过控制loadMore判断是否有加载更多 参考代码示例

<ion-infinite-scroll (ionInfinite)="doInfinite($event)" [threshold]="'10%'" [enabled]="loadMore">

        <ion-infinite-scroll-content [loadingSpinner]="'bubbles'">

        </ion-infinite-scroll-content>

    </ion-infinite-scroll>

doInfinite(infiniteScroll) {

    let id = this.lists[this.lists.length - 1]["id"];

    let params = {

      'Id': id,

      'getPast': 'true'

    };

    this._demoService.list(params)

      .subscribe((result) => {

        if (result.data.length > 0) {

          this.lists = this.lists.concat(result.data);  

        }

        infiniteScroll.complete();

        this.loadMore = result.data.length == 10;  //一次请求多少条

      }, (err) => {

        infiniteScroll.complete();

      });

  }