【发布时间】：2016-11-07 06:24:21
【问题描述】：
我有以下模板：
<p [ngClass]="{checked: condition, unchecked: !condition}">
虽然这有效，但我觉得它有点难看，因为我必须重复两次条件。有没有办法像：[ngClass]={condition ? checked : unchecked}（这不起作用）
谢谢
【问题讨论】：
【发布时间】：2016-11-07 06:24:21
【问题描述】：
确实
<p class="{{condition ? 'checked' : 'unchecked'}}">
或
<p [ngClass]="condition ? 'checked' : 'unchecked'">
或
<p [ngClass]="[condition ? 'checked' : 'unchecked']">
Angular 9 更新
但您应该知道，不同类型的类绑定的行为方式有所不同，尤其是在同一元素上有多种类型的类绑定时。
新的编译器 Ivy 为它带来了更多的清晰度和可预测性。 Read More about it here
【讨论】：
-
它可以，但是我很困惑，那ngClass没用吗？
-
[ngClass]="condition ? 'checked' : 'unchecked'"应该也可以。 -
@Scipion NO.您只需要找到合适的情况来使用它，请参阅this 了解所有可能的情况。
-
感谢先生的解释。