如何在没有下一个按钮的情况下获得当前的离子滑动指数

Question

我有关于混合移动使用离子 - cordova-angular的问题.关于问题离子滑动盒的问题下面没有按钮.我试图在用户快速浏览幻灯片页面时获取当前索引.

如何获得当前索引没有我创建按钮下一张幻灯片.

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

请参阅此codepen演示