1. casa
  2. Domanda e risposta
  3. Pensieri sull'uso di Zurb's Foundation + AngularJS?

Pensieri sull'uso di Zurb's Foundation + AngularJS?

2013-11-25 12 views
20

So che sembra una domanda abbastanza generica, ma ho già fatto una ricerca e non ci sono molte informazioni là fuori, a parte queste due non sembrano "giocare" molto bene insieme.Pensieri sull'uso di Zurb's Foundation + AngularJS?

Mi riferisco all'ultima versione di Foundation, 5, appena rilasciata. Se AngularJS può funzionare con jQuery, e Foundation sta usando jQuery, che cosa causa il problema, se c'è un problema.

Qualcuno di voi ha usato questi due insieme? E quali potrebbero essere alcune migliori alternative sul lato JS? Spina dorsale? Ember? Quale funzionerebbe con la Fondazione e perché?

p.s. Sono consapevole che Twitter Bootstrap funziona bene con AngularJS, tuttavia, per il mio progetto, Foundation è un requisito.

Grazie,
Iraklis

fonte

2013-11-25 Iraklis

+2

Twitter Bootstrap e AngularJS non hanno nulla in comune. Stessi stand per Foundation e Angular. Uno è il framework CSS e l'altro è il framework JavaScript. L'unica differenza è che esistono più plug-in/direttive Angular disponibili che si basano su Bootstrap. – Stewie

+3

Ciao Stewie, ne sono consapevole, grazie! – Iraklis

+0

Per le persone come me che vengono qui mentre valutano Zurb Foundation con AngularJS - e ha una struttura di interfaccia utente mobile in generale - ora (Apr 2015) c'è una specifica [Foundation for Apps] (http://foundation.zurb.com/apps/) – superjos

risposta

5

Il progetto angolare-UI offre una profonda integrazione di Twitter Bootstrap e AngularJS. Ciò non significa che Foundation Zurb e AngularJS non funzionino bene insieme.

Con Zurb si ha uno sforzo di integrazione maggiore rispetto a una struttura già pronta se si rispettano i componenti standard. Nel momento in cui hai bisogno di componenti aggiuntivi devi comunque fare l'integrazione tu stesso.

Questo è lo stesso per altri framework JavaScript come Ember, btw.

fonte

2013-11-25 12:52:30 Thomas

+0

Fresco, sì, è quello che pensavo, avendo visto l'interfaccia utente angolare. Mi stavo chiedendo quali potrebbero essere i conflitti, senza usare una struttura già integrata e cosa dovrei fare attenzione. Qualche buona pratica suggerita se seguo la pura modalità Foundation + AngularJS? – Iraklis

+0

Puoi considerare di eseguire un progetto di integrazione come OpenSource come Angular-UI su github. Suppongo che ciò attirerebbe contributi e recensioni da parte di altri sviluppatori.Oltre a questo, non sono a conoscenza delle migliori pratiche speciali oltre al consiglio generale di AngularJS (renderlo verificabile). – Thomas

+0

Hai ragione, sembra una buona idea. Grazie Thomas! – Iraklis

0

Sto usando AngularJS con Foundation 4 senza problemi per un po 'di tempo - come altri hanno già detto, è necessario fare un po' più di lavoro da soli ma non è un grosso problema.

Nel dire che, ho appena aggiornato a Foundation 5 e si è rotto il mio fornitore Reveal per AngularJS (non si chiude)!

fonte

2013-11-26 16:57:33 natwallbank

+1

Vedo, grazie per la risposta. Ti dispiacerebbe elaborare un po ', da un punto di vista di alto livello, sul lavoro che dovevi fare tu stesso per far funzionare l'integrazione o alcune delle sfide che devi affrontare, come con il modulo di rivelazione? Come dovrei farlo? Basta iniziare a utilizzare le direttive angolari e ogni volta che qualcosa si rompe sul lato di base, creare una direttiva per questo? – Iraklis

+0

In molti casi non è stato richiesto alcun lavoro - gran parte della Fondazione, ad es. griglia, tipografia, ecc. funziona solo con la chiamata alla funzione .foundation() richiesta. – natwallbank

+0

Per i "controlli" della Fondazione più complessi come Reveal, avvisi, fisarmonica, ecc. Ha senso astrarre questi con direttive in modo che a) siano riutilizzabili per il progetto eb) in modo che funzionino in modo più "angolare" modo, ad es con la fisarmonica mi piaceva usarlo con angg ng-include piuttosto che avere tutti i diversi elementi di contenuto nella pagina in caricamento. – natwallbank

46

Abbiamo recentemente adattato più angolari componenti UI Bootstrap per l'uso con i CSS Fondazione e open source il codice: http://pineconellc.github.io/angular-foundation/

fonte

2014-01-26 12:08:07 sorich87

+1

Grazie per quello – Alex

+0

ho provato ad ottenere il tuo fondamento angolare funziona, ma mi dà un errore da iniettore, anche se ho una fondazione in mm come iniezione. Anche incluso il fondotinta angolare js ... no luck tho –

Problemi correlati

 Problemi correlati