带输入掩码的千位分隔符

Question

我将使用Ionic 3 app 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就是这样。

Answer 1

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

.TS

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