イオンスライド上でのオンスライドの変更

Question

イオンスライドボックスからイオンスライドへの移行です。

私は上-スライド変更、このようなイオンスライドボックスを使用していた

：

<ion-slide-box on-slide-changed="slideChanged(index)" show-pager="false"> 

が、私はイオンのスライドのための同等のものを見つけることができません。

<ion-slides on-slide-changed="slideChanged(index)" options="data.sliderOptions" slider="data.slider" > 

できますが、ソリューションに私を向ける？

ご覧のとおり、イオン1を使用しています。

おかげ

Answer 1

実は、それが唯一の唯一の<ion-slide-box>です<ion-slides>ためon-slide-changedとして何のAPIのビルドはありません。

しかし、あなたは、このようなイオンのスライドのイベントを直接使用することができます。

$scope.$on("$ionicSlides.slideChangeStart", function(event, data){ 
    console.log('Slide change is beginning'); 
}); 

$scope.$on("$ionicSlides.slideChangeEnd", function(event, data){ 
    // note: the indexes are 0-based 
    $scope.activeIndex = data.slider.activeIndex; 
    $scope.previousIndex = data.slider.previousIndex; 
}); 

ですから、このようなあなたの関数を呼び出すことができます。

$scope.$on("$ionicSlides.slideChangeStart", function(event, data){ 
    $scope.slideChanged(data.slider.activeIndex); 
}); 

乾杯:)