Attualmente sto sviluppando un'applicazione Ionica e mi chiedevo se potevo aggiungere una galleria di immagini basata su Bootstrap. So che Ionic e Bootstrap non funzionano molto bene insieme, ma mi chiedevo se fosse possibile.È possibile aggiungere Bootstrap a un'app Ionic?
In base a questo articolo Ionic + Twitter’s Bootstrap CSS Framework - Again!, sarà molto difficile utilizzare il bootstrap. Tuttavia ho trovato questo cursore per te How to Create Elegant Slider Carousel in Ionic Framework.
Spero che ti aiuti! In bocca al lupo! ;)
Vedo 3 diversi modi per risolvere questo problema.
Se invece si è la giostra, non è necessario cercare di incidere bootstrap nella vostra app. Il plugin di bootstrap dovrebbe essere abbastanza indipendente. Basta usare il file JS separatamente: https://github.com/twbs/bootstrap/blob/master/js/carousel.js Ofcourse, non funzionerà correttamente senza lo stile. Potresti provare a copiare la sorgente LESS del carosello e riprenderlo da solo.
La giostra bootstrap non è unico rispetto a molti altri plugin. Potrebbe anche essere meglio trovarne un altro.
fare una ricerca su http://bower.io o provare questo: http://flexslider.woothemes.com/
quadro ionico utilizza angolare, che ha una grande comunità. Qualunque cosa sia costruita in Angular dovrebbe probabilmente funzionare anche in Ionic. Se cerchi google per "carosello angolare" troverai molte opzioni. Questo sembra essere popolare: http://vasyabigi.github.io/angular-slick/
Hai provato a utilizzare questa direttiva Ionic? <ion-slide-box></ion-slide-box>.
Ecco come l'ho usato nel mio progetto
<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>
Con questo yoiu non hanno bisogno di usare Bootstrap Carousel sulla vostra applicazione ionico.
per quale scopo è necessario utilizzare il bootstrap? –
Desidero aggiungere un carosello di immagini –