Ionic list's slow with 200 items


#1

I have array with over 200 items, it was showed after loading page 1-2 second. And when scrolling that list has issue on my mobile, it’s slow and lag.

Anyone got the same issue? Any suggestion or solution are welcome.
Thanks.


Android scrolling lag
#2

Could you paste an example of your list definition? Are you using ng-repeat or collection-repeat? The latter is recommended for lists of such size :wink:


#3

I’m using ng-repeat
You can check my sample in http://codepen.io/sondn2010/pen/MYyzrO?editors=101

One more thing about list, how’s about list with 1000 items. There is a way to load that list when scrolling to bottom or I have to split it and show in other page?

And thank for reply me too quickly :slight_smile:


#4

You may want to consider using collection-repeat instead of ng-repeat. It’s a little more work though. One problem with collection-repeat is that it does not support the option buttons that your sample is using.

Also, consider using AngularJS’s new one time binding.

https://docs.angularjs.org/guide/expression#!


#5

Thank @Calendee, let me try


#6

would collection-repeat work with pull to refresh and infinite scroll ?


#7

Yes, I use it with both.