Ionic Angular：大写表单字段值不适用于最后一个字符

Question

为了将表单字段中的文本输入大写，我有以下代码：

<ion-item>
  <ion-input label="Registration number *" labelPlacement="stacked" formControlName="carRegNr" type="text" autocapitalize="characters" placeholder="Registration number" clearInput="true" oninput="this.value = this.value.toUpperCase()">
  </ion-input>
</ion-item>

现在的问题是输入的最后一个字符没有大写。 IE。当我引用字段值时，它显示为例如“CAR-REGi”

<span *ngIf="taskForm.value.carRegNr" class="form-header-label-text">{{taskForm.value.carRegNr}}</span>

同时将值发送到后端时，“CAR-REGi”也会被保存。

我是否忽略了什么？如何确保整个字符串都是大写的？

Answer 1

您应该确保使用

(input)

而不是

onInput

，前者是事件绑定的角度方式，后者是javascript方式。

<ion-item>
  <ion-input label="Registration number *" labelPlacement="stacked" formControlName="carRegNr" type="text" autocapitalize="characters" placeholder="Registration number" clearInput="true" (input)="this.value = this.value.toUpperCase()">
  </ion-input>
</ion-item>