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?
risposta
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.
- Utilizzare il carosello plug separatamente
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.
- Utilizzare un altro carosello
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/
- Utilizzare un carosello angolare
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.
- 1. È possibile aggiungere un'icona nelle schede di navigazione di bootstrap?
- 2. Non è possibile aggiungere JTextField a JFrame
- 3. È possibile applicare il bootstrap solo a div, usando CDN?
- 4. Impossibile aggiungere crosswalk con ionic cli 1.3.2
- 5. Non è possibile ottenere bootstrap-Sass a lavorare con webpack
- 6. Aggiungere uno spacer semplice a twitter bootstrap
- 7. È necessario aggiungere reset.css per bootstrap 3?
- 8. È possibile nidificare i contenitori Bootstrap?
- 9. È possibile aggiungere commenti a un file csproj?
- 10. È possibile aggiungere la convalida HTML5 a Visual Studio?
- 11. Rails: è possibile aggiungere attributo extra a un'associazione has_and_belongs_to_many?
- 12. È possibile aggiungere dinamicamente variabili locali a una funzione?
- 13. È possibile aggiungere una condizione a una dichiarazione di variabile?
- 14. È possibile aggiungere campi aggiuntivi a @ManyToMany Hibernate extra table?
- 15. Non è possibile aggiungere un componente Swing a più contenitori?
- 16. Non è possibile aggiungere un accesso a SQL Server
- 17. È possibile aggiungere collegamenti stile HTML a SWT StyledText?
- 18. È possibile aggiungere una parola chiave a C# o VB.NET?
- 19. è possibile aggiungere un elenco a una struttura?
- 20. È possibile aggiungere un'etichetta descrittiva a un ramo Git?
- 21. È possibile aggiungere una classe a un pulsante tinyMCE personalizzato?
- 22. È possibile aggiungere una funzione a un array JavaScript dirottato?
- 23. Come aggiungere l'icona dell'immagine a Bootstrap Selezionare le opzioni
- 24. È possibile aggiungere più elenchi contemporaneamente? (Python)
- 25. È possibile aggiungere una scorciatoia ESC Key?
- 26. È possibile aggiungere attributi multivalore in DynamoDB?
- 27. facebookConnectPlugin non è definito (ngCordova, app Ionic)
- 28. È possibile allineare orizzontalmente una fila di spline di bootstrap che non aggiungono fino a 12?
- 29. È possibile ottenere i menu a tendina Bootstrap di Twitter per la dissolvenza in apertura?
- 30. Come aggiungere un plugin su una sola piattaforma Ionic?
per quale scopo è necessario utilizzare il bootstrap? –
Desidero aggiungere un carosello di immagini –