角条件类未添加

Question

为什么不添加test-abc？

<div class="abc" [class.test-abc]="true"></div>

我使用了这种语法，并且有效：

[ngClass]="{'foo': true, 'abc': true}"

Answer 1

这是我针对此问题的注释。有时，更改检测不会像预期的那样发生。或者它在控制器中起作用，但未按预期更新视图。

<div [ngClass]="{
  'is-active': condition,
  'is-inactive': !condition,
  'is-focused': condition && anotherCondition,
}">

或从视图中切换

<a (click)="clicked ? clicked = false : clicked = true;" [class.active]="clicked">organize</a>

尝试将变量记录在更改中，以查看其是否实际上正在更新：

ngOnChanges(changes: SimpleChanges) {
    if ('variable' in changes) {
        console.log(this.variable);
    }
}