2016-11-11 46 views
0

https://i.stack.imgur.com/NnhMY.png我可以在幻燈片離子箱右側旋轉木馬?

https://i.stack.imgur.com/NIYZm.png 我把這個從一個網站,我想有一個像這樣只在我的網頁的右側。在我的網頁我有一個頁眉,頁腳和內容區域我有這個離子幻燈片對話框,在其中的圖像將被滑動一前一後。所以我希望有一個正確的旋轉木馬一樣在第二圖像鏈接..

+0

你看了'$ ionicSlideBoxDelegate'服務? – yaboiduke

回答

0

按照Ionic Docs即可。所述ion-slide-box元件隨附$ionicSlideBoxDelegate服務,它提供輔助的方法來控制這些輔助功能上的服務的slides.One是next()。這允許你去下一張幻燈片上的一個按鈕,點擊event.All你需要做的就是將您的按鈕,根據需要和使用如下(略有修改的文件)的代碼。

用法:

//Your view 
    <ion-view> 
     <ion-slide-box> 
     <ion-slide> 
      <div class="box blue"> 
      Slide 1 
      </div> 
     </ion-slide> 
     <ion-slide> 
      <div class="box red"> 
      Slide 2! 
      </div> 
     </ion-slide> 
     </ion-slide-box> 
//Your button 
<button ng-click="nextSlide()" class = "button-icon ion-chevron-right"></button> 

    </ion-view> 

//In your controller 

    function MyCtrl($scope, $ionicSlideBoxDelegate) { 
     $scope.nextSlide = function() { 
     $ionicSlideBoxDelegate.next(); 
     } 
    } 
+0

好感謝您的答覆 – krishna

相關問題