angular - 在 Angular2 中有条件地分配类

标签 angular ng-class

<分区>

我正在尝试根据从后端系统获得的值有条件地将类分配给 div。

假设有一个对象 'A' 有一个变量 status 可能有值 status1status2.

我正在尝试根据使用 Angular 2 的状态有条件地分配 2 个类(class1class2)。以下是我正在使用的条件。请为此建议一个可行的替代方案,

<div ng-class="{status1 : 'class1', status2 : 'class2'}[A.status]">
   ...
</div>

最佳答案

您可以将对象绑定(bind)到 [ngClass] 指令

<div [ngClass]="{'active': isActive, 'disabled': isDisabled}">

和angular 1的语法几乎一样,只是加上方括号

关于angular - 在 Angular2 中有条件地分配类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39195742/

相关文章:

angular - 展开和折叠 Angular Material 中的表格行

html - 表中表丢失表体格式

javascript - 如何使用三元运算符更改 AngularJS 中 ng-model 的值?

javascript - 如何使用 ng-class ng-click 删除类?

css - 使用 ng-class 指令的 ng-animate

javascript - 使用 Angular ng-if 旋转样式

javascript - 从 (click)= 调用多个函数

angular - 带有 Angular 和 Nest 的 NX : package. json treeshaking

Angular 4 延迟加载子组件未加载

css - Angular 6 : Additional class if boolean is true