Question

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

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

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

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

1 个答案: