如何在Angular 5 应用程序中正确使用Angular 百分比管道?

How to use Angular percentage pipe correctly in Angular 5 app?

我有来自组件模板的电流:

<strong>{{data.value | percent:'1.0-2'}}</strong>

示例值是数据库中的 1.0,这意味着我需要显示 1%。 使用百分比管道时,我得到 100%,这是不正确的。

知道如何将小数和百分比组合在一起吗?谢谢。

有多种方法可以解决这个问题。 一种是将 data.value 除以 100。这意味着

<strong>{{data.value / 100 | percent}}</strong>

会输出1%.

另一种方法是在末尾连接 % 。

<strong>{{data.value}}%</strong>

意思是如果你通过 1.02 它将显示 1.02% 如果那是你想要的