Angularjs 使用禁用的输入显示数据

Angularjs 使用禁用的输入显示数据,angularjs,input,formatting,decimal,disabled-input,Angularjs,Input,Formatting,Decimal,Disabled Input,为了获得输入和输出视图的一致外观,我尝试使用禁用的输入元素来显示模型数据/值 该值是计算出的温度值,有几个十进制数字。从工程师的角度来看,这是没有意义的,所以我想将显示的十进制数字限制在一定的范围内(比如说两位数,显示的值不需要四舍五入) 例如: 计算值:123.123456 要显示的值:123.12 我在互联网上到处阅读,发现了许多使用input的step属性的建议,比如 step=".01" 限制小数位数。似乎有很多人都是这样做的,但这对我不起作用 我认为视图和数据模型需要保持分离,因

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

该值是计算出的温度值,有几个十进制数字。从工程师的角度来看,这是没有意义的,所以我想将显示的十进制数字限制在一定的范围内(比如说两位数,显示的值不需要四舍五入)

例如:

  • 计算值:123.123456
  • 要显示的值:123.12
我在互联网上到处阅读,发现了许多使用input的
step
属性的建议,比如

step=".01"
限制小数位数。似乎有很多人都是这样做的,但这对我不起作用

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

当通过
{}
符号访问模型数据时,会出现错误。但这似乎并不完全适用

那么,你对限制十进制数有什么建议吗


为了调查和提供工作示例代码,我创建了一个。

这与角材料有什么关系?@camden_kid:将标记更改为
angularjs
这与角材料有什么关系?@camden_kid:将标记更改为
angularjs