Can not use ion-slide-box

Hi…

I am trying to make an app using ion-slide-box and to start with I am using sample code found at ‘http://ionicframework.com/docs/api/service/$ionicSlideBoxDelegate/’ -

<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>

also used

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

inside my controller.

This displays nothing … Am I making something terribly wrong ?

Please help.

So that example should be updated, as it doesn’t provide enough info

Check out this example for a more indepth look at slide-box

http://codepen.io/mhartington/pen/jpJzo