$ionicSlideBoxDelegate

控制关联的(ionic-china中文网文档)ionSlideBox指令

该方法直接触发$ionicSideMenuDelegate服务,控制所有滑动框。需要控制指定的滑动框,请用$getByHandle方法。

实例该文档来自ionic中文网ionic-china

<ion-view>
  <ion-slide-box>
    <ion-slide>
      <div class="box blue">
        <button ng-click="nextSlide()">Next slide!</button>
      </div>
    </ion-slide>
    <ion-slide>
      <div class="box red">
        Slide 2!
      </div>
    </ion-slide>
  </ion-slide-box>
</ion-view>
function MyCtrl($scope, $ionicSlideBoxDelegate) {
  $scope.nextSlide = function() {
    $ionicSlideBoxDelegate.next();
  }
}

方法

update()

更新slidebox(例如,如果使用带ng-repeat的Angular,则调整其中的元素大小)。

slide(to, [speed])

参数 类型 说明
to number

滑动到指定的索引页

speed
(可空)
number

滑动的速度(毫秒)

enableSlide([shouldEnable])

参数 类型 说明
shouldEnable
(可空)
boolean

是否启用滑动

  • 返回: boolean 是否启用滑动。

previous([speed])

转到上一张页面。 如果在第一张则循环(需要开启循环滑动)。

参数 类型 说明
speed
(可空)
number

滑动的速度(毫秒)

next([speed])

转到下一张页面。 如果在最后一张则循环(需要开启循环滑动)。

参数 类型 说明
speed
(可空)
number

滑动的速度(毫秒)

stop()

停止滑动,直到再次开始。

start()

开始滑动,如果当前为停止。

currentIndex()

  • 返回: 当前页面的索引。

slidesCount()

  • 返回: 当前页面数量。

$getByHandle(handle)

参数 类型 说明
handle string
  • 返回: delegateInstance与'delegate-handle'属性匹配的句柄,用于控制滑动框。

例如: $ionicSlideBoxDelegate.$getByHandle('my-handle').stop();