ionic $ionicSlideBoxDelegate 滑动框事件

update()

更新滑动框（例如，用带有ng-repeat的Angular，调整它里面的元素）。

slide(to, [speed])

是否启动滑动框功能

previous()

跳转到上一个滑块。如果在开始滑块，就循环。

next()

跳转到下一个滑块。如果在结尾就循环。

stop()

停止滑动。滑动框将不会再被滑动，直到再次启用。

currentIndex()

返回: 当前滑块的索引数值。

slidesCount()

返回: 当前滑块的数目。

$getByHandle(handle)

返回: delegateInstance一个只控制带有delegate-handle的ionSlideBox指令的授权实例来匹配给定句柄。

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

ps:

<ion-content class="bgcolor-eee" has-bouncing="false">
   <ion-scroll direction="xy" scrollbar-x="false" scrollbar-y="false" has-bouncing="false">
       <ion-slide-box ng-if="restaurantList" on-slide-changed="slideHasChanged($index)" show-pager="true" does-continue="true" auto-play="true" slide-interval="4000">
           <ion-slide ng-repeat="restaurant in restaurantList">
               <div class="mainSlide">
                   <div class="ui-square2 margin-left-5" ng-click="(restaurant[0].id == 0)?restaurantLists():restaurantDetail(restaurant[0].id)">
                       <img ng-show="restaurant[0].state == 1" ng-src="{{restaurant[0].file_path}}">
                       <img ng-show="restaurant[0].state == 0" class="grayPic" ng-src="{{restaurant[0].file_path}}">
                       <div class="title text-center">
                           <span class="titleName">{{restaurant[0].name}}</span>
                       </div>
                   </div>
                   <div ng-if="restaurant[1]" class="ui-square2" ng-click="(restaurant[1].id == 0)?restaurantLists():restaurantDetail(restaurant[1].id)">
                       <img ng-show="restaurant[1].state == 1" ng-src="{{restaurant[1].file_path}}">
                       <img ng-show="restaurant[1].state == 0" class="grayPic" ng-src="{{restaurant[1].file_path}}">
                       <div class="title text-center">
                           <span class="titleName">{{restaurant[1].name}}</span>
                       </div>
                   </div>
               </div>
           </ion-slide>
       </ion-slide-box>

   </ion-scroll>

</ion-content >