我试图找到一种方法,在初始页面加载时以百分比(例如 97,52 %)显示 html 输入字段(通过角度服务获取到后端的数据,即可观察/订阅),但也有此输入字段松散,当我编辑它时(即引发 DOM(焦点)事件时),它是百分比格式。
格式数据绑定到模型。我们将模型字段称为 myModel.percentNumber,其中,percentNumber=1 表示“100 %”(0.69 表示“69 %”,或者 100 表示“10 000 %”)
因此,当我单击指示“97,52 %”的字段时,我希望它变为“97.52”,但模型中的数据绑定值应该是 0.9752,因为这是我需要存储的值。
该字段应使用 ngModel 进行绑定。
Note:这应该适用于国际化,所以我不能使用基于删除空格、替换“.”的“肮脏”解决方案。经过 ',' ...
在这里您可以看到我举了一个示例,其中格式化的百分比值应该有一个逗号作为小数分隔符和一个空格作为千位分隔符,但这取决于用户的本地化。
啊!与#2非常接近。
您可以在模板中完成这一切。
您可以使用 [value] 设置值作为输入 - 然后使用 (input) - 或者可能 (change) 将值转换回来。我认为你不能在 ngModel 中使用管道:
<input type="number" [value]="myModel.percentNumber * 100" (input)="myModel.percentNumber = $event.target.value / 100">
这种方式也没有文本转换或 dom 操作
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)