Can not get slidesCount from $ ionicSlideBoxDelegate

Question

我正在用Ionic框架創建一個移動應用程序。我使用的離子滑框

 <ion-slide-box class="slidebox" on-slide-changed="change(index)"> 
       <ion-slide> 
        <img src="img/johnson.jpg" id="album"> 
       </ion-slide> 
       <ion-slide> 
        <img src="img/eiston.jpg" id="album"> 
       </ion-slide> 
       <ion-slide> 
        <img src="img/vera.jpg" id="album"> 
       </ion-slide> 
       <ion-slide> 
        <img src="img/max.jpg" id="album"> 
       </ion-slide> 
     </ion-slide-box> 

我想知道總的幻燈片編號

$scope.change= function(index){ 
    console.log('currentindex '+index);  //i get the correct current index 
    console.log($ionicSlideBoxDelegate.currentIndex()); //I get undefined 
    alert($ionicSlideBoxDelegate.slidesCount());  //I get undefined 
} 

我嘗試了很多事情，似乎沒有任何與$ ionicSlideBoxDelegate合作？它是否被棄用？

Answer 1

Ionic的新幻燈片來源於swiper。

根據離子的documentation它不贊成使用較新的組件。

您將不得不對如何使用較新的組件進行一些研究，因爲它沒有很好地記錄。

Answer 2

您應該使用<ion-slides>代替<ion-slide-box>，然後嘗試添加到模滑塊PARAM即：

<ion-slides options="options" slider="data.slider"> 
    <ion-slide-page> 
     <div><h1>some Text</h1></div> 
    </ion-slide-page> 
</ion-slides> 

然後在您的控制器，您將使用「data.activeIndex」使用處理程序來獲取當前索引如：

$scope.$on("$ionicSlides.slideChangeEnd", function(event, data){ 
    alert(data.activeIndex); 
}); 

你可以諮詢DOC： http://ionicframework.com/docs/api/directive/ionSlides/