在<input>中始终显示小数点后两位的数字

我有一个ng-model的浮点值，我希望始终在其小数点后2位显示<input>：

<input ng-model="myNumb" step ="0.01" type="number">

当“ myNumb”为小数时，此方法适用于大多数情况。但是，如果“ myNumb”的小数位数少于2个（3.2）或整数（30），
则不会强制显示小数点后2位。如何在<input>字段中强制显示小数点后2位

AngularJS-输入带有小数点后两位的数字可能会有所帮助...筛选：

3. 设置正则表达式以使用ng-pattern验证输入。在这里，我只接受最多2个小数位且带点分隔符的数字。

<input type="number" name="myDecimal" placeholder="Decimal" ng-model="myDecimal | number : 2" ng-pattern="/^[0-9]+(\.[0-9]{1,2})?$/" step="0.01" />

前瞻性地指出了下一个答案ng-model =“ myDecimal | number：2”。

{{value | number : fractionSize}}

喜欢 {{12.52311 | number : 2}}

所以这将打印 12.52

如果您使用的是Angular 2（显然它也适用于Angular 4），则可以使用以下内容舍入到小数点后两位{{ exampleNumber | number : '1.2-2' }}，例如：

<ion-input value="{{ exampleNumber | number : '1.2-2' }}"></ion-input>

分解

'1.2-2'表示{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}：

• 小数点前至少显示一位数字
• 小数点后将显示至少2位数字
• 但不超过2位数字

这里和这里到期的信用

您是否尝试过使用过滤器

<input ng-model='val | number: 2'>

https://docs.angularjs.org/api/ng/filter/number

像这样简单地使用数字管道：

{{ numberValue | number : '.2-2'}}

上面的管道的工作方式如下：

• 显示小数点前至少1个整数，默认设置
• 小数点后显示不少于2个整数
• 小数点后显示不超过2个整数

删除（@maudulus的答案）的另一个简写，{maxFractionDigits}因为它是可选的。

您可以使用 {{numberExample | number : '1.2'}}

将数字四舍五入到小数点的最佳方法是

a=parseFloat(Math.round(numbertobeRound*10^decimalplaces)/10^decimalplaces);

例如 ;

numbertobeRound=58.8965896589;

如果你要58.90

小数位是2

a=parseFloat(Math.round(58.8965896589*10^2)/10^2);

使用带有空符号（$）的货币过滤器

{{val | currency:''}}