如果数字前导零,为什么不显示角度数字管道?

时间:2019-05-01 18:29:44

标签: angular typescript

当值的前导零时,数字管道不显示什么?

0.35不会在用户界面中显示。 将显示3.5。

<!-- numbVal = 0.35 -->

<!-- output '' -->
<div>
 {{numbVal | number }}
</div>

<!-- output '' -->
<div>
 {{numbVal | number:'3.1-5' }}
</div>



<!-- numbVal = 3.5 -->

<!-- output '3.5' -->
<div>
 {{numbVal | number }}
</div>

<!-- output '003.5' -->
<div>
 {{numbVal | number:'3.1-5' }}
</div>

2 个答案:

答案 0 :(得分:1)

数字管道的参数:

{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}

所以您的'3.1-5'示例意味着:

小数点前至少显示3位数字 小数点后将显示至少1位数字 但不能超过5位数字

样品

{{0.351255 | number:'3.1-5' }}  //000.35126

 {{10 | number:'3.1-5' }}  //010.0

 {{0.35 | number:'1.1-2' }} //0.35

根据您的要求,您可以使用{{ 0.35 | number:'1.1-2' }}

更多{@ {3}}

答案 1 :(得分:0)

尝试一下:

{{numbVal | number:'1.1-5' }}

它将显示为0.35。