ngClass条件不适用于多个条件

Question

我正在尝试根据不同的条件实现[ngClass]，这是我的

condition
 [ngClass]="{'validator':lang.VideoURL!=null, 'labeltitle': lang.VideoURL==null}"

但是当 lang.VideoURL 的值为null时，则不会在页面上应用 labeltitle 类，并且默认情况下，当lang.VideoURL的值为null时将应用验证器类

Answer 1

尝试：

[ngClass]="lang.VideoURL ? 'validator' : 'labeltitle'"

Answer 2

另一个选择是https://angular.io/guide/template-syntax#binding-targets所示的类属性绑定。如果您一次拥有多个可能是有效的但都是有条件的类，那么这将很有帮助。

[class.validator]="lang.VideoURL" [class.labeltitle]="!lang.VideoURL"

Answer 3

@porgo的答案也是正确的，但是如果您有更多条件要检查，可以尝试这样。

[ngClass]="[lang.VideoURL != null: 'validator', lang.VideoURL == null: 'labeltitle']"

Answer 4

这是使用ngClass多条件的方式。

 [ngClass]="{'first-class': condition1,'second-class': condition2}"