2013-01-16 12 views
5

Używam AngularJS. Do tej pory, mam załadowany CSS, który jest właściwy do moich podszablonów łącząc je w górnej części cząstkowe:Czy istnieje sposób na leniwe ładowanie plików CSS w Angular?

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

To nie w porządku. CSS nie jest połączony z <head> (co czyni go niestandardowym), i co jakiś czas style nie są faktycznie stosowane do częściowego.

Jaki jest prawidłowy sposób leniwego ładowania CSS w Angular, odraczając, aż częściowe jest rzeczywiście potrzebne?

+0

Czy możesz podać link pokazujący, gdzie występuje ten problem? Jak masz na myśli, że css nie jest połączone w głowie? –

+0

po załadowaniu nowego CSS do DOM spowodujesz ponowne przeliczenie wszystkich tabel CSS. –

+1

Zobacz http://stackoverflow.com/questions/15193492/how-to-include-view-partial-specific-styling-in-angularjs, aby uzyskać lepszą odpowiedź. –

Odpowiedz

1

Może proponuję wprowadzenie usługi, która śledzi potrzeby stylistyczne różnych kontrolerów. Rzeczywiście, ma on swój własny, niewielki kontroler, który przesyła rzeczywiste pliki CSS/ścieżki do head na podstawie żądań innych komponentów. Ta usługa zostanie wstrzyknięta do innych komponentów, dzięki czemu będą mogły wywoływać metody, aby wyrazić styl, którym są zainteresowani. Wyrażanie stylu, który ich interesuje, może odbywać się w kategoriach rzeczywistych plików CSS/ścieżek lub odczytywania ich w coś jak "potrzebujesz wsparcia dla tabel, alertów, niestandardowego brandingu itp.".

Powiązane problemy