Issue sliding to dynamically created ion-slide

I am trying to make a slide box such that the first slide contains cards that when clicked will open up a corresponding detail page in a different ion-slide. If the corresponding slide is already open then it will simply slide the slidebox but if the slide is not yet open, it will add a slide and then slide to it.

I thought the issue might be caused by the fact that $ionicSlideboxDelegate.update() has not completed before $ionicSlideboxDelegate.slide() gets called but wrapping the slide() in a $timeout did not seem to work.

Anyone have any suggestions on how I may fix this issue?

I have made a codepen to demonstrate the issue: