2013-01-16 48 views
5

我正在使用AngularJS。到現在爲止,我已經通過在部分的頂部連接它加載CSS特定於我的諧音:有沒有什麼辦法可以在Angular中加載CSS文件?

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

這感覺不對。在<head>中沒有鏈接CSS(使其不符合標準),並且每隔一段時間,樣式實際上不會應用於部分。

在Angular中延遲加載CSS的正確方法是什麼?推遲到部分實際需要時爲止?

+0

你能提供一個演示鏈接到這個問題發生的地方嗎?你的意思是說,CSS沒有鏈接在頭部? –

+0

當您將新的CSS加載到DOM中時,您將導致所有CSS表重新計算。 –

+1

查看http://stackoverflow.com/questions/15193492/how-to-include-view-partial-specific-styling-in-angularjs更好的答案。 –

回答

1

我可以建議引入一種服務,以跟蹤各種控制器的造型需求。它確實會有自己的小控制器根據其他組件請求的內容將實際的CSS文件/路徑輸出到head。該服務將被注入到其他組件中,以便這些組件可以調用方法來表達他們感興趣的樣式。表達他們感興趣的樣式可以通過實際的CSS文件/路徑來完成,或者被抽象爲某種東西比如「需要支持表格,警報,自定義品牌等等」。

相關問題