無限滾動在離子2

Question

我正在嘗試根據此https://ionicframework.com/docs/v2/api/components/infinite-scroll/InfiniteScroll/離子根據無限滾動。

每件事情都很好，我可以得到顯示的數字和加載器。

當我試圖實現一個字符串數組我得到錯誤

這裏是我的代碼

<ion-content> 

<ion-list> 
    <ion-item *ngFor="let i of items">{{i}}</ion-item> 
</ion-list> 

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

</ion-content> 

我的.ts文件

items = ['apple', 'orange', '1','apple',.......]; 

    doInfinite(infiniteScroll) { 
    console.log('Begin async operation'); 

    setTimeout(() => { 
     for (let i = 0; i < 10; i++) { 
     this.items.push(this.items.length); 
     } 

     console.log('Async operation has ended'); 
     infiniteScroll.complete(); 
    }, 500); 
    } 

這裏是我的錯誤我正面臨着

Argument of type 'number' is not assignable to parameter of type 'string'. 

L35: for (let i = 0; i < 10; i++) { 
    L36: this.items.push(this.items.length); 

Answer 1

您不能將this.items.length設置爲字符串數組。

items = ['apple', 'orange', '1','apple',.......]; 
items2=['dfv',...];//ten additional items for demo. the additional items can come from anywhere else eg. an http request. 

    doInfinite(infiniteScroll) { 
    console.log('Begin async operation'); 

    setTimeout(() => { 
     for (let i = 0; i < 10; i++) { 
     this.items.push(this.items2[i]); 
     } 

     console.log('Async operation has ended'); 
     infiniteScroll.complete(); 
    }, 500); 
    }