只允许离子输入中的数字为 type=text Ionic

Question

我需要进行以下输入，以便它只接受数字：

<ion-input formControlName="quantity"></ion-input>

我知道这可以通过 type=number 来实现，但由于其他原因我只能使用类型文本。是否可以通过输入文本来做到这一点？另外我如何验证最小和最大金额？

Answer 1

可以通过以下方式精确完成：

在您的 .ts 文件中：

numericOnly(event): boolean {
   let pattern = /^([0-9])$/;
   let result = pattern.test(event.key);
   return result;
}

在您的 .html 文件中：

<ion-input
        class="input"
        inputmode="numeric"
        type="number"
        (keypress)="numericOnly($event)"
      >
</ion-input>