Ion-Slide-Box content collapsing after a change in ng-repeat

  <ion-slide-box does-continue="true" auto-play="true"
          slide-interval="1000">
           <ion-slide ng-repeat="imageUrl in item.images">
                    <img src="{{imageUrl}}"><img/>
           </ion-slide>
  </ion-slide-box>

My code above collapses after i change “item” in my controller with help of a button.

Whenever the button is clicked,I tried to do the followings with following order ;

  1. $ionicSlideBoxDelegate.stop();
  2. Change $scope.item = newITEM;
  3. $ionicSlideBoxDelegate.update();
  4. $ionicSlideBoxDelegate.start();

But apparently, it doesn’t work like this. What would be the solution to solve?

Any help please?