首页 > 解决方案 > 使用小数管道将输入数值限制为 2 位小数

问题描述

我尝试使用十进制管道将输入数值限制为 2 位小数。

<input [ngModel]="il.unitPrice | number:'1.2-2'" [ngModelOptions]="{updateOn: 'blur'}" (ngModelChange)="updateAmount($event,i)"                       
class="form-control text-right" type="text" name="unitPrice{{i}}"/>

它有时会起作用。但在大多数情况下,十进制管道不会被触发。例如,当输入字段中没有值时,我输入“100”。有用。该值将转换为“100.00”。如果我将输入“100.00”改回“100”。我希望该值再次变为“100.00”,但什么也没发生。另一种情况是“100.0012”。十进制管道也不会被触发。

上面的代码有什么问题吗?如何正确使用十进制管道?非常感谢您的帮助。

标签: angular7

解决方案


推荐阅读