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

Question

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

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

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

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

标签： angularangular-pipe

Answer 1

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

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

将输出1%.

另一种是在最后只连接 % 。

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

这意味着如果您通过 1.02，它将显示1.02%这是否是您想要的