我正在使用Ionic开发一个应用程序,并使用输入表单字段进行计算 .
<input type="number" ng-model="data" step="0.01">
但是,如果我使用值100.10更新数据,则输入框显示100.1
我想格式化输入字段中的值,使其始终显示2位小数(100.1 0 ) .
我尝试过使用过滤器,但只有在我将输入更改为“text”时才能使用它们 . 我想使用type =“number”,因为这只显示数字键盘 .
我也尝试过:
parseFloat(""+data.toFixed(2))
但这也显示100.1
2 回答
由于你使用的是Ionic,你可以使用Angular . 在Angular中你可以这样做:
所以,如果在你的情况下你有一个变量
data
,你会这样做:official docs中的更多信息 .
这是因为输入的类型,即
number
. 如果将其更改为text
将解决问题 .或者只是从
data.toFixed(2)
删除parseFloat
. 这样它将作为文本到表单,尾随0 .