2017-10-31 56 views
0

入力タイプの値をカンマ区切り番号に変換したいと思います。たとえば、ここで私の.htmlファイルに入力します。正味給与入力値は35000です(Formbuilderで設定します)。 65000、期待出力=> 65,000)。 なので、私は型本で何をしたいのですか。助けてください。Angular4入力番号をカンマ区切りの値に変換しますか?

<div class="form-group md-form mob selecticon rupee-icon" [ngClass]="{'has-danger':!loanApplyForm.controls['netsalary'].valid && loanApplyForm.controls['netsalary'].touched}"> 
            <label for="netsalary">Net Monthly Salary <span class="asterisk">*</span></label> 
            <div *ngIf="loanApplyForm.controls['netsalary'].invalid" class="alert-change">*Please enter the monthly salary.</div> 
            <input (focus)="loanApplyForm.controls['netsalary'].reset()" class="form-control emi-input" id="netsalary" [formControl]="loanApplyForm.controls['netsalary']" type="number"> 
     </div> 

これはあなたの.htmlこのコードを試してみて、カンマ区切り値に数値を変換するには、私の.htmlファイル

+0

を追加.ts、あなたはhttps://github.com/text-mask/text-mask/tree/master/angular2を使用することができます#readme – JuanDM

答えて

0

です。

<input (focus)="loanApplyForm.controls['netsalary'].reset()" class="form-control emi-input" id="netsalary" [formControl]="numberToCommaSeperate(loanApplyForm.controls['netsalary'])" type="number"> 

そして、それはあなたがマスクを探している、この機能

numberToCommaSeperate(num) { 
    return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); 
} 
+0

千を超える任意の数値に対してコンマ区切りの値を指定しますか? – Pranav

+0

@Pranavええ、あなたがのようなものを使用してパイプを作成する必要があり、それを行うにしたい場合は、この –

+0

を試してみてください: は '変換(値:数):文字列{ 場合のtypeof(typeof演算国際==「オブジェクト」&& Intl.NumberFormat == 'function'){ 戻り値.toLocaleString();} } else { return; } } ' – andrea06590

関連する問題