Ionic 离子载玻片的等效载玻片上变更

mutmk8jj  于 2023-05-05  发布在  Ionic
关注(0)|答案(1)|浏览(128)

我正在从离子幻灯片盒迁移到离子幻灯片。
我使用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,你可以看到。

ilmyapht

ilmyapht1#

实际上,没有为<ion-slides>构建on-slide-changed的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);
});

Cheers:)

相关问题