क्या आप एक आयनिक ऐप में बूटस्ट्रैप जोड़ सकते हैं?

Question

मैं वर्तमान में एक आयनिक ऐप विकसित कर रहा हूं और मैं सोच रहा था कि क्या मैं बूटस्ट्रैप के आधार पर एक छवि गैलरी जोड़ सकता हूं। मुझे पता है कि आयनिक और बूटस्ट्रैप वास्तव में अच्छी तरह से काम नहीं करते हैं, लेकिन मैं सोच रहा था कि यह संभव है या नहीं।

Answer 1

इस लेख Ionic + Twitter’s Bootstrap CSS Framework - Again! के अनुसार, यह बूटस्ट्रैप का उपयोग कर प्रयास का एक बहुत हो जाएगा। हालांकि मुझे आपके लिए यह स्लाइडर How to Create Elegant Slider Carousel in Ionic Framework मिला है।

मुझे आशा है कि यह आप में मदद करता है! सौभाग्य! ;)

Answer 2

मैं इस को हल करने के 3 अलग अलग तरीकों से देखते हैं।

1. प्लगइन अलग से

यदि आप केवल इतना चाहते हैं हिंडोला है हिंडोला का उपयोग करें, आप अपने एप्लिकेशन में बूटस्ट्रैप हैक करने की कोशिश करने की जरूरत नहीं है। बूटस्ट्रैप प्लगइन बहुत स्वतंत्र होना चाहिए। बस जे एस फ़ाइल अलग से उपयोग करें: https://github.com/twbs/bootstrap/blob/master/js/carousel.js बेशक, यह स्टाइल बिना ठीक से काम नहीं करेगा। आप कैरोसेल के कम स्रोत की प्रतिलिपि बनाने का प्रयास कर सकते हैं और इसे स्वयं शैली बना सकते हैं।

1. उपयोग एक और हिंडोला

बूटस्ट्रैप हिंडोला है कि कई अन्य प्लग-इन की तुलना में अद्वितीय नहीं है। आप शायद एक और ढूंढने से बेहतर हो सकते हैं।

http://bower.io पर एक खोज करें या यह एक कोशिश: http://flexslider.woothemes.com/

1. उपयोग एक कोणीय हिंडोला

आयोनिक ढांचे कोणीय का उपयोग करता है, जो एक बड़ा समुदाय है। कोणीय में निर्मित कुछ भी शायद आयनिक में भी काम करना चाहिए। यदि आप "कोणीय कैरोसेल" के लिए Google हैं तो आपको कई विकल्प मिलेंगे। http://vasyabigi.github.io/angular-slick/

Answer 3

आप इस आयोनिक निर्देशों का उपयोग करने की कोशिश की: यह एक लोकप्रिय एक प्रतीत होता है? <ion-slide-box></ion-slide-box>।

यहाँ कैसे मैं इसे अपने परियोजना

<ion-slide-box 
     show-pager="true" 
     does-continue="true" 
     pager-click="true" 
     auto-play="true" 
     slide-interval="4000"> 

    <ion-slide ng-repeat="image in imageArray"> 
      <img ng-src="img/slides/{{image}}.jpg" alt="" height="auto" width="100%"> 
    </ion-slide> 
</ion-slide-box> 

में इस्तेमाल इस yoiu के साथ अपने आयनिक एप्लिकेशन पर बूटस्ट्रैप Carousel उपयोग करने की आवश्यकता नहीं है।