angularjs - 在 <input> 中显示始终保留 2 位小数的数字

Question

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

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

当“myNumb”有小数时，这适用于大多数情况。但如果“myNumb”的小数位数少于 2 位(3.2)或整数(30)，则不会强制显示 2 位小数
如何强制在<input>中显示小数点后两位字段

Answer 1

AngularJS - Input number with 2 decimal places它可以帮助... 过滤:

3. Set the regular expression to validate the input using ng-pattern. Here I want to accept only numbers with a maximum of 2 decimal places and with a dot separator.

<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" .