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()"

这是一个示例Example

反应形式角度格式输入数据

2 个答案: