反應形式角度格式輸入數據

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

這里是一個例子實施例