我有一个数字类型的表单输入，我想在输入时在正确的位置添加逗号。

这是我的窗体控件沿着转换代码

<ion-input formControlName="minValue" name="minValue" type="number" inputmode="numeric" (input)="convertInput($event)" ></ion-input>


convertInput(event) {
    let amountEntered = event.target.value;
    if (amountEntered) {
      console.log("Value received", amountEntered);
      let convertedValue = amountEntered.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
      console.log("converted", convertedValue);
      this.searchForm.controls['minValue'].setValue(convertedValue);
    }
  }

我可以在控制台中看到逗号，但一旦要使用包含逗号的数字更新控件，它就会抛出错误，清空文本框并重新开始

我不想把类型作为文本，因为这将允许字母被写在框中。然而，我尝试使用文本，但这最终是屏幕截图中看到的结果。
如果我必须使用文本，我如何限制输入文本？

<ion-input formControlName="minValue" name="minValue" type="text (input)="convertInput($event)" ></ion-input>