Angular / javascript在输入中始终显示3位小数

Question

我正在使用angular，我想用html输入类型=“数字”

向用户显示数据

<input type="number" step="0.001" class="form-control" style="width: 75px" ng-model="product.price"  />

我总是希望显示3位小数。但数据来源的来源有时候

value:1.01       -> i need 1.010
value:1.004      -> i need 1.004
value:1          -> i need 1.000

我试过.toFixed（3），但是这会返回一个字符串，这不是我需要的（不能在输入类型编号中显示）

尝试使用parseFloat（mynumber.toFixed（3）），但这将再次删除额外的零。

也许有一种掩盖输入的方法，如果不存在则显示一些额外的小数？

Answer 1

角度滤镜不适用于输入元素。 Here是一个使用ngModel $ parsers和$ formatters为输入添加数字格式的指令示例。

Answer 2

您可以将number角度过滤器用于此目的：https://docs.angularjs.org/api/ng/filter/number

Answer 3

仍然没有答案。据我所知，社区内存在问题，如果输入类型=数字，则会删除额外的零。