javascript - Angular 6 输入类型数字点/逗号

Question

我正在尝试将小数值绑定(bind)到我的模型

<input type="number" id="newPlatePrice"
                           step = "0.01" min = "0"
                           size = 40
                           required
                           name="price"
                           [(ngModel)]="newPlate.price"
                           #newPlatePriceInput="ngModel"
                           (ngModelChange)="replaceDecimal($event)" />

在我的模型中，newPlate.price 是一个数字。

如果在输入框中，我插入一个带逗号的值 (11,11)，一切正常。问题是，如果我使用点 (11.11) 插入一个数字，与 newPlate.price 的绑定(bind)就会中断。我正在寻找一种实时转换用户输入的方法，因此如果用户使用点插入十进制数，我想立即将其转换为逗号。

有人有什么建议吗？

Answer 1

使用 keydown 事件检查点击了哪个键:

   <input (keydown)="onKey($event)">

在 onKey 方法中检查键是否为点，如果是则将其转换为逗号。