如何在Angle 6 Project中使用ng2-currency-mask

Question

我在Angular 6项目中使用ng2-currency-mask模块，但是当在输入字段中应用（更改）方法不起作用

在这里我使用了输入标签

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

Answer 1

即使由于change指令，您也无法触发currencyMask。您可以利用ngModel和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"/>

如果您想控制何时更新，可以使用ngModelOption。