ужно добавить пробел после каждых 4 цифр, которые я ввожу, я получаю это в консоли, как я могу добиться этого, чтобы изменить входные данные в угловых 5

Код, который я использовал, приведенный ниже .ts

  mychange(val) {
    const self = this;
    let chIbn = val.split(' ').join('');
    if (chIbn.length > 0) {
      chIbn = chIbn.match(new RegExp('.{1,4}', 'g')).join(' ');
    }
    console.log(chIbn);
    this.id = chIbn;
  }

HTML

<input class="customerno" (ngModelChange)="mychange($event)" [formControl]="inputFormControl" (keydown.backspace)="onKeydown($event)" maxlength="{{digit}}" (keyup)="RestrictNumber($event)" type="tel" matInput [(ngModel)]="id" placeholder="Customer No. ">

Приставка

1
11
111
1111
1111 1
1111 11
1111 111
1111 1111
1111 1111 1
1111 1111 11
1111 1111 111
1111 1111 1111

примечание: я адаптирую это отAngular 2: добавить дефис после каждых 4 цифр при вводе, ввод номера карты, но я поменяю гипен с пространством