Изменить цвет номера в зависимости от числового значения

Question

У меня есть данные json на цифры в процентах, эти цифры начинаются с 0.0. Я хочу изменить цвет этого числа, если максимумы, понижения или в середине.

моя труба

@Pipe({
  name: 'precntColors'
})
export class PrecntColorsPipe implements PipeTransform {

  transform(value: any, args?: any): any {

    let d = value
    if (value >Math.round(0) && value<=Math.round(15)) {
      d="green"
    }
     else if (value>Math.round(16) && value<=Math.round(49)) {
      d="yellow"
    }
     else if (value>Math.round(50) && value <=Math.round(100)) {
      d="red"
    }
    return d; 

  }

}

HTML

<div [ngClass]='myda.percentage.canceled |precntColors'>

                </div>

Когда я запускаю свое приложение, я получаю все цифры зеленого цвета! и другие цвета не отображаются. какие-нибудь идеи, пожалуйста?

Answer 1

Вы должны правильно указать имена классов, и канал преобразует числовое значение в Класс Имя

Вы можете оформить ссылку на код https://stackblitz.com/edit/pipe-for-number