javascript - 带有输入掩码的千位分隔符

我将在Ionic 3应用程序中使用this mask。我已经为此设置了项目。

.ts

 this.masks = {
      budget: ['(', /[1-9]/, /\d/, /\d/, ')', ' ', /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/],
    }

.html

   <ion-input type="number" [(ngModel)]="project.budget" [textMask]="{mask:
 masks.budget}"></ion-input>

问：掩码上面只是一个电话号码，您能告诉我在这里怎么做千位分隔的输入掩码吗？

希望我可以在reg ex-pattern下面使用。但是如何将其应用于masks数组？

^\d+|\d{1,3}(?:[,.]\d{3})*$

budget的值为numeric。没有小数点。 100,000，25,000这样。

最佳答案

我们可以使用createNumberMask插件轻松完成此任务。

.ts

  const numberMask = createNumberMask({
      prefix: '',
      thousandsSeparatorSymbol: ','
    })
    this.masks = {
      budget: numberMask,
    }