【问题标题】:How to use Angular percentage pipe correctly in Angular 5 app?如何在 Angular 5 应用程序中正确使用 Angular 百分比管道?
【发布时间】:2019-06-17 07:59:22
【问题描述】:

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

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

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

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

【问题讨论】:

    标签: angular angular-pipe


    【解决方案1】:

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

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

    将输出1%

    另一种方法是在最后连接 %。

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2023-03-06
      • 1970-01-01
      • 2018-09-06
      • 1970-01-01
      • 1970-01-01
      • 2019-06-03
      • 2019-09-28
      相关资源
      最近更新 更多