Угловой 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 проверьте, является ли ключ точкой, а затем преобразуйте его в кому.