$ionicSlideBoxDelegate

Delegate that controls the ionSlideBox directive.

Methods called directly on the $ionicSlideBoxDelegate service will control all slide boxes. Use the $getByHandle method to control specific slide box instances.

Usage

<ion-view>
  <ion-slide-box>
    <ion-slide>
      <div class="box blue">
        <button ng-click="nextSlide()">Next slide!</button>
      </div>
    </ion-slide>
    <ion-slide>
      <div class="box red">
        Slide 2!
      </div>
    </ion-slide>
  </ion-slide-box>
</ion-view>

function MyCtrl($scope, $ionicSlideBoxDelegate) {
  $scope.nextSlide = function() {
    $ionicSlideBoxDelegate.next();
  }
}

Methods

update()

Update the slidebox (for example if using Angular with ng-repeat, resize it for the elements inside).

slide(to, [speed])

enableSlide([shouldEnable])

• Returns: boolean Whether sliding is enabled.

previous([speed])

Go to the previous slide. Wraps around if at the beginning.

next([speed])

Go to the next slide. Wraps around if at the end.

stop()

Stop sliding. The slideBox will not move again until explicitly told to do so.

start()

Start sliding again if the slideBox was stopped.

currentIndex()

• Returns: number The index of the current slide.

slidesCount()

• Returns: number The number of slides there are currently.

$getByHandle(handle)

• Returns: delegateInstance A delegate instance that controls only the ionSlideBox directives with delegate-handle matching the given handle.

Example: $ionicSlideBoxDelegate.$getByHandle('my-handle').stop();