如果在角度7中小数部分大于0,则显示两个小数位

时间:2019-05-24 09:34:25

标签: angular angular-pipe

我正在使用Angular 7应用程序。如何格式化数字,如下所示:

2.14569 to 2.14
3.245 to 3.24
1.00 to 1

如何在Angular中实现这一目标。我已经试过了(| number:'1.2-2'),但是它总是给出两个小数位,例如4.00,但我希望它是4。基本上我的问题是,如果有小数部分且大于0,则显示只有两个小数位,否则仅显示不带小数部分的简单数字。

1 个答案:

答案 0 :(得分:3)

    // Data 
decimalValue = {
        one: 2.14569,
        two: 3.245,
        three: 1.00
      }

// HTML
    <div>{{decimalValue.one | number:'1.0-2'}}</div>
    <div>{{decimalValue.two | number:'1.0-2'}}</div>
    <div>{{decimalValue.three | number:'1.0-2'}}</div>