javascript - 使用Angular 8将数字转换为ngStyle中的度数

Question

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

如果我得到 25，我希望它转换为 -45 度，或者如果我得到 0，我希望它转换为 -90 度，或者如果我得到 75，那么它被转换为 45 度。

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

当前，这给出了style="transform: rotate(25deg);"我要转换为的输出style="transform: rotate(-45deg);"

我该怎么做？

仅供参考，我需要绑定这个车速表的数据：https ://jsfiddle.net/bcgzrdfL/

标签： javascriptangularng-style

Answer 1

看起来您需要一个数学高手，而不是框架专家，但是我将尝试回答：

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