如何基于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.