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

Question

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

<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的绑定会中断。我正在寻找一种实时转换用户输入的方法，所以如果用户使用点插入十进制数，我想立即将其转换为逗号。

有没有人有任何建议？

Answer 1

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

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

在onKey方法中检查key是否为dot，如果是，则将其转换为coma。