2016-08-03 13 views
5

पर क्षैतिज स्क्रॉलबार जोड़ना मैं Ionic2 के ion-slides का उपयोग कर रहा हूं जो मेरे लिए ठीक काम करता है।Ionic2 की आयन-स्लाइड

<ion-slides [options]="extraOptions"> 
     <ion-slide *ngFor="let slide of slides"> 
      <img src="{{slide.image}}" /> 
     </ion-slide> 
    </ion-slides> 

रूप Swiper एपीआई में यहाँ दिखाया गया http://idangero.us/swiper/api/#.V6Lcx8twbqA (13 वें उदाहरण) के रूप में किए गए दस्तावेज़ों का उल्लेख Swiper क्या ion-slides के लिए प्रयोग किया जाता है मैं एक क्षैतिज स्क्रॉल पट्टी जोड़ना चाहते हैं। टैग के बाद source code for that example में <div class="swiper-scrollbar"></div> है।

समस्या यह है कि आयनिक HTML उत्पन्न करता है तो मैं स्क्रॉलबार सुविधा को कैसे जोड़ सकता हूं।

स्लाइडर पर अंकन बुलेट जोड़ने के लिए, मुझे ion-slides टैग में केवल pager विशेषता निर्देश जोड़ना होगा। क्या क्षैतिज स्क्रॉलबार बार के लिए कुछ समान है?

उत्तर

6

यह आयनिक के आयन-स्लाइड घटक के माध्यम से नहीं किया जा सकता है। लेखकों यहाँ से एक से उत्तर देखें: 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 

मैं हिट मारने वाला पुस्तकालय सीधे का उपयोग कर और अपने खुद के घटक बनाने के द्वारा इस सुलझा ली है।

  • NPM के माध्यम से मॉड्यूल स्थापित करें: npm install swiper
  • declare var require
  • फिर घटक फ़ाइल के शीर्ष var swiper = require('swiper')
पर
संबंधित मुद्दे