Javascript ngClass条件在多个条件下不起作用

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

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

但是当lang.VideoURL的值为null时，则页面上不应用labeltitle类，默认情况下，当lang.VideoURL的值为null时，验证程序类将应用。请尝试：

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

尝试：

---

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

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

---

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

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

---

另一个选项是此处显示的类属性绑定。如果一次有多个类是有效的，但都是有条件的，那么这将非常有用

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

---

另一个选项是此处显示的类属性绑定。如果一次有多个类是有效的，但都是有条件的，那么这将非常有用

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

---

这是使用ngClass多条件的方法

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

---

这是使用ngClass多条件的方法

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

---

尝试以下操作：

[ngClass]=“{'validator'：lang.VideoURL，'labeltitle'：！lang.VideoURL}”

FYI我猜您在该条件下的逻辑实际上是正常的，但是lang.VideoURL的值不是空的，但可能是未定义的，这将导致您在上面解释的行为。这也是为什么建议的答案有效的原因，因为它们与null或未定义无关，而是关注false或true（null和未定义都将被视为false，因此两者都有效）尝试以下操作：

[ngClass]=“{'validator'：lang.VideoURL，'labeltitle'：！lang.VideoURL}”

FYI我猜您在该条件下的逻辑实际上很好，但是lang.VideoURL的值不是null，但可能未定义，这将导致您在上面解释的行为。这也是为什么建议的答案是有效的，因为它们与null或未定义无关，而是侧重于false或true（null和未定义都将被视为false，因此两者都有效）IMO，这是最好的方法。更清楚的是，每个类名只有一条逻辑&angular attributeyup，这绝对是我最喜欢的方式，因为在团队中工作时，我希望任何阅读代码的人都能立即理解。这是IMHO.IMO最直接的方式，这是最好的方式。更清楚的是，每个类名只有一条逻辑&angular attributeyup，这绝对是我最喜欢的方式，因为在团队中工作时，我希望任何阅读代码的人都能立即理解。这是最直接的方法。