带有输入掩码的数千个分离器

Question

我将使用Ionic 3应用程序使用此掩码。我已经为此设置了项目。

.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>

Q：上方的蒙版只是一个电话号码。您可以告诉我如何在此处进行千分离的输入掩码？

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

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

budget值是 numeric .no小数。e.g。 100,000， 25,000这样。

Answer 1

我们可以使用 createNumberMask addon。

.ts

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