html - 是否可以在角度 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;
}

标签： htmlangular

Answer 1

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

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