使用对象表示法使用ngClass输入属性，其中键是css类，当值评估为 truthy truthy < /strong>值，否则将其删除。
在下面的示例中，navbar-dev-green仅用于 dev 环境（非prod）的nav元素：
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow"
[ngClass]="{'navbar-dev-green' : environment.production === false}" >
...
</nav>
项目：codever- 文件：navigation.component.html
要添加多个类，您可以列出它们之间的空间。为每个类添加不同的条件使用每个类的布尔表达评估器，如角文档中所示：
<some-element [ngClass]="{'class1 class2 class3' : true}">...</some-element>
<some-element [ngClass]="{'first': true, 'second': true, 'third': false}">...</some-element>
参考 -
https://angular.io/api/common/NgClass
与Codever的â2l。分享。使用ðcopy to mine功能将其添加到您的个人片段集合中。
codever 是Githubâð
的开源