javascript - 如何以 mat 形式将值变为小写

Question

我有一个 mat-form，我希望用户在其中输入一些值，然后我想提交这些值。但是我希望其中一个字段转换为小写，然后提交。我怎样才能实现这一点。

HTML 代码:

<mat-form-field appearance="fill">
              <mat-label>Hive Table</mat-label>
              <input
                matInput
                formControlName="hiveTable"
              />
            </mat-form-field>

typescript 代码:

this.generalInfoForm = new FormGroup({
      hiveTable: new FormControl('', [Validators.required]),
    });

到目前为止我已经尝试过

 <mat-label>Hive Table</mat-label>
              <input
                matInput
                oninput="this.value = this.value.toLowerCase()"
                (keyup.enter)="sendit($event.target.value)"
                formControlName="hiveTable"
              />
            </mat-form-field>

我使用 oninout 并使用 keyup 我做了 console.log ，在控制台中，值被转换为小写，但是在提交时，值会更改回用户键入的方式。我做错了什么。

Answer 1

为什么不在输入中使用

style="text-transform: lowercase"

然后，在提交之前你可以(我想你有一个函数submit())

submit(form:FormGroup)
{
   if (form.valid)
   {
       form.value.yourField=form.value.yourField.toLowerCase()
       console.log(form.value)
   }
}