Можно ли делать> или <операторы в угловом 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 в зависимости от переменных в компоненте.