1

当两个布尔值中的任何一个为真时，如何添加/删除一个 CSS 类？

[ngClass]="{'load': loading , 'load': loadClass}"
4

3 回答 3

2

尝试这个：

[class.load]="loading || loadClass"

或者

[ngClass]="{'load': loading || loadClass }"

[ngClass]也可以使用函数：

<div [ngClass]="setMyClasses()">
  ...
</div>

在哪里：

setMyClasses() {
  let classes = {
    important: this.isImportant,
    inactive: !this.isActive,
    saved: this.isSaved,
    long: this.name.length > 6
  };
  return classes;
}

这可以使用 AND、OR、NOT 等扩展到各种逻辑评估组合。

于 2019-09-13T10:17:28.093 回答
2

绑定类名。

尝试：

[class.load]="loading || loadClass"
于 2019-09-13T10:14:46.507 回答
2 
[ngClass]="{'load': loading || loadClass }"
于 2019-09-13T10:16:26.723 回答