Looking for help with implementing infinite scroll in a list? I am using the ion-infinite-scroll directive but struggling to push string values into my list. The list contains names of students in a classroom. Can anyone provide guidance on how to push strings into the list and call the complete() method?
.html
<h2>{{item.name}}</h2>
</ion-item>
</ion-list>
<ion-infinite-scroll (ionInfinite)="loadMore($scope)">
<ion-infinite-scroll-content>
</ion-infinite-scroll-content>
</ion-infinite-scroll>
.ts
export class NotificationsPage {
i: number;
items: any = [];
name: any;
InfiniteScroll: any;
constructor(public navCtrl: NavController, public navParams: NavParams) {
for (let i = 0; i < 10; i++) {
let item = {
name:i,
};
this.items.push(item);
}
this.InfiniteScroll.complete()
}
loadMore(InfiniteScroll: any) {
this.objects.items.push({this.items});
};
ionViewDidLoad() {
console.log('ionViewDidLoad NotificationsPage');
};
}