如何基於Angular 2中的組件有條件地添加樣式表？
[英]How to add a stylesheet conditionally based on a component in Angular 2?
問題描述
我有一個帶styleUrls的組件。
默認情況下不顯示此組件，因為我有一個*ngIf 。
如果為true，則該組件與CSS一起顯示在頁面中。 CSS將自動添加到文檔<head> 。
如果為false，則不再顯示該組件，但其CSS仍在頁面中的<head> 。
當未顯示組件本身時，如何從<head></head>刪除此CSS？
1 個解決方案
解決方案1
0 2017-06-14 15:38:43
通過使用*ngIf='YOUR_COMPONENT_ROUTE_HERE === THIS_ROUTE'. Not sure if the stylesheet will load.可以在index.html上使用條件樣式表*ngIf='YOUR_COMPONENT_ROUTE_HERE === THIS_ROUTE'. Not sure if the stylesheet will load. *ngIf='YOUR_COMPONENT_ROUTE_HERE === THIS_ROUTE'. Not sure if the stylesheet will load.
您可以這樣設置條件CSS類：
<element NgStyle={condition? true: false} > </element>
例如：
<element NgStyle={isNew ? 'new' : 'default' } > </element>
如果您還有其他問題，請告訴我。
如何使用JavaScript / jQuery有條件地添加樣式表？
[英]How can I use JavaScript/jQuery to conditionally add a stylesheet?
如何根據組件內容的可見性，有條件地將 styles 應用到組件標簽上？
[英]How to conditionally apply styles on the component tag based on the visibility of component contents?
Angular 2 - 如何基於 URL 查詢參數動態更改整個 CSS 樣式表
[英]Angular 2 - How to dynamically change an entire CSS stylesheet based on URL queryparams
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.