是否可以将运算符与 ngClass 一起使用

Question

如何将运算符与ngClass一起使用？例如，我只想在someValue等于otherValue时才应用类

[ngClass]="{active: someValue === otherValue}"

Answer 1

根据官方参考，这是可能的。

Answer 2

如果

最终表达式将返回 true 或 false，则可以使用任何运算符。

[ngClass]="{online: serverStatus === 'online'}"

这是我的例子 - 当 serverStatus 处于联机状态时，表达式返回 true，然后应用类 .online。

Answer 3

请尝试以下代码。类active将在条件 someValue = otherValue 时触发。

[ngClass]="{'active': someValue == othervalue}"

或

[ngClass]="{'active': someValue === othervalue}"

如果您想通过检查任何特定值(例如 0(来添加类，请尝试

[ngClass]="{'active': someValue == '0' }"