I made this demo of infinite generated slides and it is based on the nightly Ionic. It keeps three and only three slides in the DOM and in the backing data structure.
See the Pen Ionic Infinite Generated Slides by Zarko Hristovski (@zarko) on CodePen.
It seems to work just fine under “normal” circumstances both on desktop ( Chrome ) and on devices.
However I can see two UX problems:
- Visual issues during quick looping through the slides ( try clicking on the Next button quickly and many times )
- A smal drag and release of a slide will temporary show a white area on release. -> Nothing to do with dynamic slides, I found it happening also with hardcoded slides when using the nightly. Likely an Ionic bug. See https://github.com/driftyco/ionic/issues/2625
UPDATE Nov 30: The demo no longer works as expected since the latest slidebox refactor in nightly. Moving target…
UPDATE Dec 07: Here is a new version that works. Not perfect but it proves it’s doable:
See the Pen Working Ionic Infinite Generated Slides by Zarko Hristovski (@zarko) on CodePen.
UPDATE Dec 09: Off for some diazepam at the farmacy
UPDATE Dec 10: Back to the future.
See the Pen 2014-12-10 Working Ionic Infinite Generated Slides by Zarko Hristovski (@zarko) on CodePen.
Any ideas for improvements are welcomed. I hope @Calendee can pitch in too.