Problem with 2 ion-slide-box on the same page


Hi, we have 2 ion-slide-box on the same page. When we go to the next slide with: $; both the 2 ion-slide-box slide to the next page. Is there a way to give the ion-slide-box an ID? and then $; Or something like that?


You need to make use of the delegate-handle attribute.

<ion-slide-box delegate-handle="slidebox1">

Then you can reference the slide-box like so


How can I have two slide-boxes at the same page?

Thank you very much :grinning:


where to put handle in this function ?

 $scope.slideChanged = function(index) {
       $scope.slideIndex = index;

<ion-slide-box delegate-handle="slidebox1"  on-slide-changed="slideHasChanged($index, 'slidebox1')">

Just pass the delegate name as a parameter to the on-slide-changed function.

 $scope.slideChanged = function(index, delegate) {
       $scope.slideIndex = index;


Thanks!! U saved my life!


You just SAVED my time. :slight_smile: