如何在没有下一步按钮的情况下获取当前离子载玻片索引

Question

我对使用 ionic-cordova-的混合移动设备有疑问angular。这个问题是关于 ionic-slide-box without button next 的问题。当用户 swift 页面在幻灯片框中时，我尝试获取当前索引。

如何在不创建下一张幻灯片按钮的情况下获取当前索引。

Answer 1

你试过吗？

function MyCtrl($scope, $ionicSlideBoxDelegate) {
  $scope.getCurrentIndex = function() {
    $ionicSlideBoxDelegate.currentIndex();
  }
}

http://ionicframework.com/docs/api/service/$ionicSlideBoxDelegate/

更新：

要在没有按钮的情况下获取框索引，您可以使用 ionSlideBox 指令的回调 onSlideChange：

HTML:

<ion-slide-box on-slide-changed="slideHasChanged($index)">
  <ion-slide>
    <div class="box blue"><h1>BLUE</h1></div>
  </ion-slide>
  <ion-slide>
    <div class="box yellow"><h1>YELLOW</h1></div>
  </ion-slide>
  <ion-slide>
    <div class="box pink"><h1>PINK</h1></div>
  </ion-slide>
</ion-slide-box>

在你的控制器中：

$scope.slideHasChanged = function($index){
  alert('slideHasChanged $index=' + $index);
  if($index === 0){
    // first box
  }
};

See this codepen demo

如何在没有下一步按钮的情况下获取当前离子载玻片索引

How to get current ion-slide index without a next button

angularjs

cordova

ionic-framework

ionic