角度：动态CSS行为

我有一个Angular 6应用程序，可以在不同模式下运行。该模式确实对CSS有影响

e、 g.用户模式在有帮助主题的div周围有蓝色边框；管理模式在更改数据的按钮周围有红色边框

模式在应用程序本身中设置（例如，通过按钮）

CSS的大多数其他部分对于任何模式都是相同的

我怎么办

我可以将角度代码（例如ngIf）放入CSS中吗

我不喜欢在我的模板中加入很多带有ifs的[ngClass]，因为它在这里有描述：

---

我更喜欢集中处理，比如用类标记任何帮助主题，用类标记任何管理主题，并使CSS对模式做出反应。

不可能在CSS中放置角度代码。但你可以这样做：

html:

---

你不需要在[ngClass]上放很多东西。只使用一个作为包装器。如果我有20个div，其中3个需要帮助，5个需要管理，那么我必须放入8[ngClass]。无论如何，你不能在css中放入角度代码。有没有办法动态选择使用过的css？我只知道为每个应用程序或组件选择CSS文件的静态方式？

<div [ngClass]="{'firstClass': isActive, 'secondClass': !isActive}">
    <span>Hello world</span>
</div>

.firstClass span{
    color: red;
}

.secondClass span{
    color: green;
}