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

实际上，on-slide-changed没有<ion-slides>的API版本，仅适用于<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);
});

干杯：）

相当于离子载玻片的滑动变化

1 个答案: