There are quite a few old topics about “dynamic” slides or injecting slides into a slidebox. Most of these are based on pretty old versions of Ionic. I’ve created a new one that shows how to add a slide dynamically. This can be used in situations where you don’t want the entire slide on the DOM a…

Sorry, I was confused when I wrote this… it was actually you who mentioned “viewable”, not “slide-viewable”. I’m not familiar with the viewable property, anyhow, but this is the thread it came from: [image] Issue: ion-slide-box with lazy loading opened by thechrisroberts on 2014-0…

I see what you mean. In my sample, the viewable is filtered on in the ng-repeat like this : <ion-slide ng-repeat="slide in data.slides | filter:{viewable : true}"> <div ng-include src="slide.template"></div> </ion-slide> Angular does NOT create DOM elements for filtered items. So, they will not…

Thanks for the demo @Calendee , very easy to follow, and works great on my device. Is there any support for appending and prepending slides dynamically, while maintaining the position of the current slide in the middle? Following this other great codepen http://codepen.io/anon/pen/loijb by @carina w…

@MarcoAppMaker I also had this problem the first time I tried this method, but it’s been a while. Any thoughts out there?

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” cir…

Nice work. Seems to work pretty well to me. I can’t improve on it. I wouldn’t about those small white areas flashing. You’ve got to be doing crazy fast stuff on a device to make those happen. People just aren’t going to click that fast.

Thanks. Soon enough I’ll put that mechanism in real-world scenario and see how solid the whole thing really is. I am still interested though if there are any better or alternative implementations with the same requirements - unknown number of slides and a (very) smooth user experience.

@zarko I’m not seeing any problems with this in the latest nightly.

Fun fact: If the user swipes really fast now, multiple selects will be queued. Eg if you swipe three times in quick succession, it will run three sequential swipes. I found this behavior in the iOS photos app and thought it was the best way to deal with this case.

@andy It is very obvious what happens when you swipe or click on Previous or Next - whatever change was done in the last refactor causes the slide box to keep on going. Just try and see. The original demo code was make with nightly 805 or so, and such a problem did not exist. The question maybe is …

Dynamic Slides

demo

alokGupta August 29, 2021, 3:43pm 28

it is not working with dynamic slide add or remove. Please help on the post-Ion slides do not update with dynamic content

Topic		Replies	Views
Stuck getting lazy loaded <ion-slides> to work ionic-v1	0	1804	November 22, 2014
Adding new ion slide dynamically on-slide-changed causing issues ionic-v1	0	620	July 14, 2015
Inject slides to SlideBox to make a continue SlideBox ionic-v1	3	2005	March 18, 2014
Ionic1 Dynamic Slides – problem with using ion-slides instead ion-slide-box ionic-v1	0	1319	February 13, 2017
Lazy loading ion-slides to ion-slide-box ionic-v1	15	11600	December 8, 2015

Dynamic Slides

Related topics