數千個帶輸入掩碼的分隔符

Question

我打算使用帶有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> 

問：上述掩模只是one.Can你一個電話號碼告訴我該怎麼辦分離千個輸入掩碼這裏？

希望我可以在reg ex-pattern以下使用。但我怎樣才能將它應用於masks陣列？

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

budget值numeric。沒有decimals.e.g。 100,000，25,000就是這樣。

Answer 1

我們可以使用createNumberMask插件輕鬆完成此任務。

.TS

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