Question

为了获得输入和输出视图的一致外观，我尝试使用禁用的输入元素来显示模型数据/值。

该值是计算出的温度值，有几位小数。由于从工程师的角度来看这没有意义，我想将显示的十进制数字限制为一定数量（假设两位数，显示的值不需要舍入）。

示例：

我在互联网上阅读，并使用输入的step属性（如

）找到了许多建议

step=".01"

限制小数位数。似乎有很多人这样做，但它对我不起作用。

我认为视图和数据模型需要保持分离，因此调整模型数据（比如将值转换为字符串或使用toFixed()）似乎不是一个好的解决方案。该视图应该能够格式化数据本身，而不是更改数据模型，并且在这种情况下应该具有读取权限。

通过{{ }}表示法访问模型数据时有a filter for doing this。但这似乎并不适用。

那么，您对限制十进制数有任何建议吗？

为了便于调查，为了提供工作示例代码，我创建了一个Pen。