本文介绍了使用Angular 8将数字转换为ngStyle中的度的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

{{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中的度的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-02 01:47