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

Question

我有组件模板的最新信息：

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

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

有什么想法如何将小数和百分比结合在一起？谢谢。

Answer 1

有多种解决方法。 一种是将data.value除以100。这表示

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

将输出1%。

另一种方法是最后只连接％。

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

如果您通过1.02，则将显示1.02%，如果您想要的是