Angular 如何禁止角材质输入字段的错误输入

我有一个简单的角度材料输入字段

<form [formGroup]="parentFG">
  <mat-form-field>
    <input [formControlName]="CALCULATOR_INPUT" matInput placeholder="" autocomplete="off" (keyup)="updateInput($event)">
  </mat-form-field>
</form>

---

当输入无效输入时，验证器工作并用红色突出显示输入。但是，我不想让用户首先输入无效的输入。有没有办法禁止将无效字符或字符串放入输入字段？

您可以编写一个

regex

过滤函数并添加所需的行为

基本示例：您可以将其与

Rxjs

相结合，检查每个按键或自定义时间间隔上的输入

    RemoveInvalidString(formInputValue){

        if (!(/^\d+$/.test(formInputValue))) { //unsigned integer?

            console.log("removing input value", formInputValue)

            formInputValue = ''

        }

    }

相关帖子：

    RemoveInvalidString(formInputValue){

        if (!(/^\d+$/.test(formInputValue))) { //unsigned integer?

            console.log("removing input value", formInputValue)

            formInputValue = ''

        }

    }