Collection-repeat not rendering data


#1

Hi ionic team,

I have a list of 1000 items. I was using ng-repeat but rendering takes too much time and scroll is also laggy. I wanted to try collection-repeat. I tried the sample codepen code and it is not at all rendering the data into ion-list.
anyhelp would be appreciated


#2

Please post your codeā€¦


#3
 <ion-content>
  <ion-list >
    <ion-item ng-repeat="item in items" >
      Item {{ item.id }}
    </ion-item>
  </ion-list>
</ion-content>

In my controller :
$scope.items = [
{ id: 1 },
{ id: 2 },
{ id: 3 },
{ id: 4 },
{ id: 5 },
{ id: 6 },
{ id: 7 },
{ id: 8 },
{ id: 9 },
{ id: 1 },
{ id: 2 },
{ id: 3 },
{ id: 4 },
{ id: 5 },
{ id: 6 },
{ id: 7 },
{ id: 8 },
{ id: 9 },
{ id: 1 },
{ id: 2 },
{ id: 3 },
{ id: 4 },
{ id: 5 },
{ id: 6 },
{ id: 7 },
{ id: 8 },
{ id: 9 },
{ id: 1 },
{ id: 2 },
{ id: 3 },
{ id: 4 },
{ id: 5 },
{ id: 6 },
{ id: 7 },
{ id: 8 },
{ id: 9 },
{ id: 1 },
{ id: 2 },
{ id: 3 },
{ id: 4 },
{ id: 5 },
{ id: 6 },
{ id: 7 },
{ id: 8 },
{ id: 9 },
{ id: 10 }
];


#4

Post your controller and your app.js please.


#5

I used Ionic sidemenu project
Instead of ng-repeat I used Collection-repeat by referring the nightly build codepen