时间戳

首页 > 解决方案 > 根据Angular 6中的变量更改更改html5类？

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

问题描述

如何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>

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

标签： angular

解决方案

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

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

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

推荐阅读