Как я могу ограничить вход в ионный вход?

Question

Я пытаюсь запретить пользователю вводить числа, удаляя и не отображая их.

в HTML

<ion-input type="text" [(ngModel)]="firstName" (ionChange)="check($event)"></ion-input>

в .ts

 check(event){
     let value : string = event.detail.value;
    event.detail.value = value.replace(/[0-9]/g,'')
}

С этим кодом я ожидал, что пользователь не увидит, вводит ли он числа. Однако значение firstName изменяется, но пользователь по-прежнему видит символы и цифры.

Answer 1

создать одну функцию

public onKeyUp(event: any) {

    let newValue = event.target.value;

    let regExp = new RegExp('^[A-Za-z? ]+$');

    if (! regExp.test(newValue)) {
      event.target.value = newValue.slice(0, -1);
    }
}