ngClass 条件不适用于多种条件

Question

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

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

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

时应用

Answer 1

尝试：

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

Answer 2

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

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

Answer 3

另一个选项是 class 属性此处显示的绑定 https://angular.io/guide/template-syntax#binding-targets。如果您有多个 class 可能同时有效但都是有条件的，这将很有帮助。

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

Answer 4

这是ngClass的使用方法multi-condition。

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

ngClass condition is not working on multiple conditions