ks-currency-mask
Mask separador of thousands fields of entreda in reactive and nonreactive forms, only modifies aesthetically the amount does not modify ngModel or reactive forms
installing the sample
npm install ks-currency-mask --save
implementation app.module.ts
import { KsCurrencyMask } from ' ../../node_modules/ks-currency-mask/lib/ks-currency-mask.module ' ;
@NgModule ( {
declarations: [
AppComponent
],
imports: [
BrowserModule,
FormsModule,
ReactiveFormsModule,
KsCurrencyMask
],
providers: [],
bootstrap: [AppComponent]
} )
export class AppModule { }
use basic
< input ksCurrentFormatter [ ( ngModel ) ]= " amount " formControlName= " amount " name= " amount " >
Simple fraction
< input ksCurrentFormatter decimal= " true " [ ( ngModel ) ]= " amountDecimalSimple " formControlName= " amountDecimalSimple " name= " amountDecimalSimple " >
Fraction options and rounding
< input ksCurrentFormatter decimal= " true " [fraction]= " configFraction " [ ( ngModel ) ]= " amountDecimal " formControlName= " amountDecimal " name= " amountDecimal " >
Prefix
< input ksCurrentFormatter prefix= " $ " [ ( ngModel ) ]= " amountPrefix$ " formControlName= " amount " name= " amount " >
< input ksCurrentFormatter prefix= " € " [ ( ngModel ) ]= " amountPrefix " formControlName= " amountEuro " name= " amountEuro " >
< input ksCurrentFormatter prefix= " USD " [ ( ngModel ) ]= " amountPrefixUsd " formControlName= " amountUsd " name= " amountUsd " >
< input ksCurrentFormatter prefix= " CLP " [ ( ngModel ) ]= " amountPrefixClp " formControlName= " amountClp " name= " amountClp " >
working with the repo
git clone https://github.com/kasius/ks-currency-mask.git
cd ks-currency-mask
npm install
ng serve