使用Angular 8将数字转换为ngStyle中的度 [英] Convert number to degrees in ngStyle using Angular 8

问题描述

{{result.percentage}}给了我一个0到100之间的数字.

{{result.percentage}} gives me a number from 0 to 100.

如果我得到25，则希望将其转换为-45度；如果我得到0，则希望将其转换为-90度；如果我得到75，则将其转换为45度.

If I get 25, I want it to convert to -45 degrees or if I get 0, I want it to convert to -90 degrees or if I get 75, then it gets converted to 45 degrees.

[ngStyle]="{'transform': 'rotate(' + result.percentage + 'deg)'}"

当前，这将提供输出style="transform: rotate(25deg);"，我要将其转换为style="transform: rotate(-45deg);"

Current, this gives an output style="transform: rotate(25deg);" which I want to convert to style="transform: rotate(-45deg);"

我该怎么办?

仅供参考，我需要绑定此里程表的数据: https://jsfiddle.net/bcgzrdfL/

FYI, I need to bind the data of this speedometer: https://jsfiddle.net/bcgzrdfL/

推荐答案

看起来您需要数学高手，而不是框架专家，但是我将给出一个答案:

Looks like you need a math whiz, not a framework expert, however I'm going to take a shot at an answer:

[ngStyle]="{'transform': 'rotate(' + ((result.percentage * 1.8) - 90) + 'deg)'}"

这篇关于使用Angular 8将数字转换为ngStyle中的度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！