イオンでの無限のスクロール2

Question

私はこのhttps://ionicframework.com/docs/v2/api/components/infinite-scroll/InfiniteScroll/に従ってイオンの無限のスクロールを試みていました。

すべてのことがうまくいきます。番号とローダーを表示できるようになりました。

私はここでエラーに

を取得しています文字列の配列を実装しようとする私のコードは私の.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); 
    } 

ファイル

<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> 

あり、ここでエラー私はあります午前

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); 
    }