相当于离子载玻片的载玻片改变

Question

我正在从 ion-slide-box 迁移到 ion-slides。

我使用的是 on-slide-changed 和 ion-slide-box，像这样：

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

但我找不到离子载玻片的等效物：

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

你能告诉我解决方案吗？

如您所见，我正在使用 ionic 1。

谢谢

Answer 1

实际上，<ion-slides> 没有 API 构建为 on-slide-changed，它仅适用于 <ion-slide-box>。

但是您可以像这样直接对离子载玻片使用事件：

$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);
});

干杯:)

相当于离子载玻片的载玻片改变

equivalent of on-slide-changed for ion-slides

angularjs

ionic-framework

slider

swiper