How to use ng2-currency-mask in angular 6 Project

user_10557628 0
Viewed 6951

I'am using ng2-currency-mask module in my Angular 6 project but when apply (change) method in input fields its not working

here i used input tag

                        <input style="text-align:right; width:260px;" currencyMask  [options]="{ prefix: 'Rs ', thousands: ',', decimal: '.' }" (change)="addToAllChange($event.target.value)" placeholder="Value" class="form-control"/>
angular tags input
1 Answers

You are not able to trigger change even because of currencyMask directive. You can leverage ngModel and ngModelChange.

<input style="text-align:right; width:260px;" currencyMask  
  [options]="{ prefix: 'Rs ', thousands: ',', decimal: '.' }" 
  #currency
  (ngModelChange)="addToAllChange(currency.value)" 
  [(ngModel)]="value"
  placeholder="Value" 
  class="form-control"/>

If you want to control on when it should be updated, you can use ngModelOption.

user_51663360
Related