首页 > 解决方案 > 基于键值的角度更改ngClass

问题描述

我想根据当前循环项键更改按钮的颜色因此,如果当前项循环变量是名称,那么它应该是 btn-primary,但对于所有其他项都有 btn-warning。

            [ngclass]="{'btn-primary': variable.key == 'name'"
             [ngclass]="{'btn-warning': variable.key != 'name'"

标签: angular

解决方案


您可以使用逻辑来添加/删除动态类[ngClass]

[ngClass]="variable.key === 'name' ? 'CLASS1':'CLASS2'"

希望它会为所有用户使用!


推荐阅读