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

1 回答

• 8

  你试过这个吗？

  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

  回复于 2024-05-06T00:20:09+08:00