Реактивные формы Угловой формат входных данных

Question

Привет, я новичок в формах Angular Reactive и пытаюсь это выяснить.

Что я хочу сделать, это отформатировать входные данные в верхний регистр: /

<input #stateInput matInput type="text" 
formControlName="state" 
[matAutocomplete]="autoState" maxlength="2"
(keyup)="stateInput.value.toUpperCase()" 
required>

Я не смог заставить это работать?

Любая помощьоценил

Спасибо

Answer 1

Для достижения ожидаемого результата используйте указанную ниже опцию

Проблема: После изменения входного значения в верхний регистр его необходимо переназначить для отображения в поле ввода

<input
    type="text"
    [formControl]="state"
    #stateInput
    (keyup)="stateInput.value = stateInput.value.toUpperCase()"
  />

код песочницы для справки - https://codesandbox.io/s/6l9nk4k2zn

Answer 2

Вы можете просто использовать приведенный ниже код, который мгновенно преобразует ввод в UpperCase,

oninput="this.value = this.value.toUpperCase()"

вот пример Пример