https://i.stack.imgur.com/NnhMY.png我可以在幻燈片離子箱右側旋轉木馬?
https://i.stack.imgur.com/NIYZm.png 我把這個從一個網站,我想有一個像這樣只在我的網頁的右側。在我的網頁我有一個頁眉,頁腳和內容區域我有這個離子幻燈片對話框,在其中的圖像將被滑動一前一後。所以我希望有一個正確的旋轉木馬一樣在第二圖像鏈接..
https://i.stack.imgur.com/NnhMY.png我可以在幻燈片離子箱右側旋轉木馬?
https://i.stack.imgur.com/NIYZm.png 我把這個從一個網站,我想有一個像這樣只在我的網頁的右側。在我的網頁我有一個頁眉,頁腳和內容區域我有這個離子幻燈片對話框,在其中的圖像將被滑動一前一後。所以我希望有一個正確的旋轉木馬一樣在第二圖像鏈接..
按照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();
}
}
好感謝您的答覆 – krishna
你看了'$ ionicSlideBoxDelegate'服務? – yaboiduke