2016-08-03 16 views
5

Iyonic2'nin benim için iyi olan ion-slides kullanıyorum.İyonik2'nin iyon slaytlarına yatay kaydırma çubuğu ekleme

<ion-slides [options]="extraOptions"> 
     <ion-slide *ngFor="let slide of slides"> 
      <img src="{{slide.image}}" /> 
     </ion-slide> 
    </ion-slides> 
docs Swiper ion-slides ne için kullanıldığını olduğu söz olarak Swiper API burada http://idangero.us/swiper/api/#.V6Lcx8twbqA (13 örnek) gösterildiği gibi yatay kaydırma çubuğu eklemek istiyorum

. source code for that example, <div class="swiper-wrapper"> etiketinden <div class="swiper-scrollbar"></div> etiketine sahiptir.

Sorun şu ki, İyonik HTML'yi üretiyor, bu yüzden kaydırma çubuğunu nasıl ekleyebilirim.

Kaydırıcıya sayfalandırma mermileri eklemek için, ion-slides etiketine yalnızca pager özniteliği ekleyeceğim. Yatay kaydırma çubuğu için benzer bir şey var mı?

cevap

6

Bu, iyonun iyon kaydırıcı bileşeni ile yapılamaz. Burada yazarlardan birinden cevap bakınız: https://forum.ionicframework.com/t/how-to-add-horizontal-scrollbar-to-slides/59450/3?u=brightpixels

Not at the moment. We've tried to keep the Slides API much simpler than the original Swiper API. But we plan on revisiting this post 2.0 final 

doğrudan swiper kitaplığı kullanarak ve kendi bileşen oluşturarak bu çözdük. declare var require

  • Sonra bileşen dosyasının en var swiper = require('swiper')
  • At npm install swiper
  • :

    • NPM aracılığıyla modülü takın