Question

我有一个styleUrls的组件。

默认情况下不显示此组件，因为我有一个*ngIf。

如果为true，则组件将显示在带有CSS的页面中。 CSS会自动添加到文档<head>。

如果为false，则不再显示该组件，但其CSS仍位于<head>内的页面中。

如果未显示组件本身，如何从<head></head>删除此CSS？

Answer 1

您可以使用*ngIf='YOUR_COMPONENT_ROUTE_HERE === THIS_ROUTE'. Not sure if the stylesheet will load.

在index.html上使用条件样式表

您可以像这样设置条件CSS类：

<element NgStyle={condition? true: false} > </element>

例如：

<element NgStyle={isNew ? 'new' : 'default' } > </element>

如果您有任何其他问题，请与我们联系。