Question

我对数字有数据json内容百分比，这些数字以0.0开头。我想更改这些数字的颜色，如果高，低或居中。

我的烟斗

     video = cv2.VideoCapture(0)
     ret, frame=video.read()
     if ret == True:  
       cv2.imwrite(str(time.time()) + '.jpg',frame)

html

@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; 

  }

}

当我运行我的应用程序时，我得到的所有数字都是绿色！其他颜色没有显示。有什么想法吗？

Answer 1

您必须正确指定类名，管道会将数字值转换为类名称

您可以检出代码https://stackblitz.com/edit/pipe-for-number的链接

根据数字值更改数字的颜色

1 个答案: