是否可以在角度HTML中执行>或<运算符？

Question

我正在尝试基于HTML中的值进行一些动态的颜色更改。我希望它做到这一点，但是在HTML中使用有角插件。

if(ClassyAverage >50 class = red)
else if(ClassyAverage >40 class = orange)
else(class = green)

我有一些CSS值，我也可以从中获取颜色

.red{
  color: #f00;
} 

.green {
   color: #0f0;
}

.orange{
  color: orange;
}

Answer 1

使用[ngClass]="{'red':ClassyAverage>50,'orange':ClassyAverage>40}" 并使用默认的class为绿色。

[ngClass]在您要根据组件中的变量添加css类时非常有用。