2013-01-16 14 views
5

Sto usando AngularJS. Fino a questo punto, ho caricato CSS che è specifico per i miei parziali collegandola in nella parte superiore del parziale:Esiste un modo per caricare i file CSS in Angular?

<!-- File: some_partial.html --> 
<link rel="stylesheet" href="link/to/some_partial.css" /> 
<!-- Rest of partial code here --> 

Questo non mi sembra giusto. Il CSS non è collegato nello <head> (rendendolo non standard) e ogni tanto gli stili non vengono applicati al partial.

Qual è il modo corretto di caricare in modo lento i CSS in Angolare, differendo fino a quando il parziale è effettivamente necessario?

+0

puoi fornire un link dimostrativo a dove questo problema si sta verificando? Come vuoi dire che il css non è collegato in testa? –

+0

quando carichi nuovi CSS nel DOM, farai ricalcolare tutte le tabelle CSS. –

+1

Vedere http://stackoverflow.com/questions/15193492/how-to-include-view-partial-specific-styling-in-angularjs per una risposta migliore. –

risposta

1

Posso suggerire di introdurre un servizio che tenga traccia delle esigenze di stile dei vari controller. Avrebbe infatti un proprio piccolo controller che inviava i file/percorsi CSS effettivi nello head sulla base di ciò che altri componenti richiedevano. Questo servizio verrebbe iniettato in altri componenti in modo che questi possano chiamare metodi per esprimere lo stile a cui sono interessati. Esprimere lo stile a cui sono interessati può essere fatto in termini di file/percorsi CSS effettivi o essere astratti in qualcosa come "bisogno di supporto per tabelle, avvisi, branding personalizzato, ecc.".

Problemi correlati