时间戳

首页 > 解决方案 > 反应形式 Angular 格式输入数据

javascript - 反应形式 Angular 格式输入数据

问题描述

嗨，我是 Angular Reactive 表单的新手，一直在努力解决这个问题。

我想要做的是将输入数据格式化为大写：/

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

我一直无法让这个工作？

任何帮助表示赞赏

谢谢

标签： javascriptangularforms

解决方案

要达到预期结果，请使用以下选项

问题：将输入值更改为大写后，必须重新分配以显示在输入字段中

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

代码沙箱供参考 - https://codesandbox.io/s/6l9nk4k2zn

推荐阅读