离子输入格式

Question

我正在使用Ionic开发一个应用程序，并使用输入表单字段进行计算。

json_encode($result_array, JSON_UNESCAPED_SLASHES);

但是，如果我使用值100.10更新数据，则输入框显示100.1

我想格式化输入字段中的值，使其始终显示2位小数（100.1 0 ）。

我尝试过使用过滤器，但只有在我将输入更改为“text”时才能使用它们。我想使用type =“number”，因为这只显示数字键盘。

我也尝试过：

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

但这也显示100.1

Answer 1

由于您使用的是Ionic，因此您可以使用Angular。在Angular中你可以这样做：

{{ number_expression | number : fractionSize}}

所以，如果在你的情况下你有一个变量data，你会这样做：

{{data | number : 2}}

official docs。

中的更多信息

Answer 2

这是因为输入的类型是number。如果将其更改为text将解决问题。

或者只是从parseFloat移除data.toFixed(2)。这样它就会以文本的形式出现在表单中，尾随为0。