The new slider ion-slide in 1.2

[Wattsin]

I know how to use the ion-slide-box, but I want to use the new slider ion-slide.

I works but I have no clue how to bind events to it. Like on an on-slide-change.

Any help?

[Wattsin]

Don’t worry about answering this. I found the solution here:

Ion-slides 1.2.1 ionic. How to get active slide?

$ionicSlideBoxDelegate is deprecated, since it was only used for controlling ion-slide-box. With ion-slides it works a bit different. You need to use $scope.$watch to get the slider object, then you have full access to its api (see here): $scope.$watch("slider", function(slider){ if (slider){ // save it to a local variable, e.g.: ctrl.slider = slider; } }); Then do whatever you want, in your case: var newIndex = ctrl.slider.activeIndex

You set the binding functions in the options. Here is a snippet from that post.

$scope.swiperOptions = { /* Whatever options */ effect: 'slide', initialSlide: 0, /* Initialize a scope variable with the swiper */ onInit: function(swiper){ $scope.swiper = swiper; }, onSlideChangeEnd: function(swiper){ console.log('The active index is ' + swiper.activeIndex); } };