我有一个ng-model的浮点值,我希望在<input>中始终显示为2位小数:
<input>
<input ng-model="myNumb" step ="0.01" type="number">
当“myNumb”有小数位时,这适用于大多数情况。但是,如果“myNumb”的小数位数少于2位(3.2)或整数(30),则不会强制显示2位小数位。如何在<input>字段中强制显示2位小数
mbskvtky1#
AngularJS - Input number with 2 decimal places它可能会有帮助...筛选:1.使用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"。
fgw7neuy2#
如果您使用的是Angular 2(显然它也适用于Angular 4),则可以使用以下公式舍入到小数点后两位{{ exampleNumber | number : '1.2-2' }},如下所示:
{{ exampleNumber | number : '1.2-2' }}
<ion-input value="{{ exampleNumber | number : '1.2-2' }}"></ion-input>
故障
'1.2-2'表示{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}:
'1.2-2'
{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}
信用到期日here和here
qeeaahzv3#
{{value | number : fractionSize}}
例如{{12.52311 | number : 2}}因此这将打印12.52
{{12.52311 | number : 2}}
12.52
jhiyze9q4#
简单地使用数字管道,如:{{ numberValue | number : '.2-2'}}上述管道的工作原理如下:
{{ numberValue | number : '.2-2'}}
fivyi3re5#
你试过用过滤器吗
<input ng-model='val | number: 2'>
https://docs.angularjs.org/api/ng/filter/number
zpgglvta6#
另一个简写为(@maudulus 's answer)的方法是删除{maxFractionDigits},因为它是可选的。您可以使用{{numberExample | number : '1.2'}}
{maxFractionDigits}
{{numberExample | number : '1.2'}}
efzxgjgh7#
将数字舍入到小数位的最佳方法是
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);
0ve6wy6x8#
(数学四舍五入(2.782061* 100)/100).变为固定(2);这会将其转换为两位小数:例如:2.782061 ---〉2.78两位小数
hts6caw39#
使用带有空符号($)的货币过滤器
{{val | currency:''}}
9条答案
按热度按时间mbskvtky1#
AngularJS - Input number with 2 decimal places它可能会有帮助...筛选:
1.使用ng-pattern设置正则表达式来验证输入。这里我只想接受最多2位小数和带点分隔符的数字。
向前阅读本题,指向下一个答案ng-model="myDecimal | number : 2"。
fgw7neuy2#
如果您使用的是Angular 2(显然它也适用于Angular 4),则可以使用以下公式舍入到小数点后两位
{{ exampleNumber | number : '1.2-2' }}
,如下所示:故障
'1.2-2'
表示{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}
:信用到期日here和here
qeeaahzv3#
例如
{{12.52311 | number : 2}}
因此这将打印
12.52
jhiyze9q4#
简单地使用数字管道,如:
{{ numberValue | number : '.2-2'}}
上述管道的工作原理如下:
fivyi3re5#
你试过用过滤器吗
https://docs.angularjs.org/api/ng/filter/number
zpgglvta6#
另一个简写为(@maudulus 's answer)的方法是删除
{maxFractionDigits}
,因为它是可选的。您可以使用
{{numberExample | number : '1.2'}}
efzxgjgh7#
将数字舍入到小数位的最佳方法是
例如:
如果你想要58.90
小数位数为2
0ve6wy6x8#
(数学四舍五入(2.782061* 100)/100).变为固定(2);
这会将其转换为两位小数:例如:2.782061 ---〉2.78两位小数
hts6caw39#
使用带有空符号($)的货币过滤器