入力マスク付きの千の区切り文字

Question

this maskを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：あなたは千枚の分離入力マスクを行う方法を教えone.Canマスクの上方だけの電話番号ですここに？

私はreg ex-patternの下で使用できますが、どうすればmasksアレイに適用できますか？

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

budget値はnumeric .NO decimals.e.gです。 100,000,25,000などです。

Answer 1

createNumberMaskアドオンを使用して簡単にこの作業を行うことができます。

.TS

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