perf: Performance issues with ion-checkbox and *ng-For

[Bandito11]

Type: perf

Ionic Version: 2.x

Platform: android 6.0 webview

This was tested in android device running 6.0 and 4.1, the computer web browser 'ionic-serve', genymotion emulator running android 4.4 and windows 10 platform.

Here is the app I did using this:
https://github.com/Bandito11/cibum2/blob/master/app/pages/main/ingredientes.html

Issue:
When iterating through the array list (which have over a 100 items) using an ion-checkbox the performance is ridiculously bad. When taking out the ion-checkbox and using it iterates as fast as expected.

More details here:
https://forum.ionicframework.com/t/ngfor-performance-issues-when-getting-a-long-list-of-items/43010

[tonirilix]

EDIT:
Nevermind. I stumbleupon with virtual scroll and I think is a really good way to solve this issue.
If anyone is interested take a look to this link:
https://ionicframework.com/docs/v2/api/components/virtual-scroll/VirtualScroll/

PREVIOUS COMMENT:
I was able to reproduce this issue in the current version of ionic (RC3) using the tabs template.
Same behavior happens to me after about 100 ion-checkbox elements. The page will be laggy as well as the touch effect.

I did the same tests from the issue description and using a normal input type checkbox the screen will render fast.

Is there any chance we can reopen this issue please?
Thanks!

[moritzgloeckl]

This is somehow still an issue for us... Using the ion-checkbox makes our scroll list unusable even with virtual scroll.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.