根据 Angular 6 中的变量更改更改 html5 类？

Question

如何html根据模型中变量分配的值在元素中添加/删除类。例如，value我的 Angular 组件中有一个变量：

export class SomeComponent implements OnInit {
    value: number = 6;
    ...
}

现在，根据值（通过事件监听器经常更新），我想在html条件为真时在元素中添加/删除一个类：

<div [ngClass]="value >= 3 ? 'bordered-section' : ''"></div>

<div [ngClass]="value >= 6 ? 'bordered-section' : ''"></div>

我想我设法在初始化时完成这项工作，但是当变量再次更改时，类不会被删除。我该如何解决这个问题？

Answer 1

<div [ngClass]="{'bordered-section' : value >= 3 }"></div>

<div [ngClass]="{'bordered-section' : value >= 6 }"></div>

应该通过这种方式工作，ngClass应该得到一个带有类名的对象