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

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

这里是一个例子实施例