Love the components but I am having a very frustrating issue. When my app/webpage loads for the first time, it fetches a whole bunch of images from my S3 bucket. This usually takes a few seconds in total. When this happens, all of my ionic components work properly; ones that are baked right into the main index.html page (such as an
ion-slides) and ones that are dynamically added through simple JS like
When I re-load the page, all images are grabbed from the cache so loading is almost instant. However, in particular,
ion-slides is always, 100% of the time broken. They do not slide properly (the bounciness is gone) and the pager does not show up, even though I can see it in the HTML.
I had solved this problem once for the
ion-slides which I was adding dynamically. I had to write a
MutationObserver to wait until
slider-wrapper was appended and then I could add
<ion-slide>s dynamically, although I had to append them to the
swiper-wrapper and not
Now I have hardcoded
ion-slides into my index.html and face the same problem still, and I have no idea why. If the images are not cached and take some time, then everything works. If they are loaded from cache, then it’s all broken.
So basically the question is, is there a callback like
ionic.ready() that I can wait for? I don’t understand what is happening.