ths-input-currency
v1.0.1
Published
Install the package by command:
Downloads
1
Readme
ths-input-currency
Installing and Importing
Install the package by command:
npm install ths-input-currency --save
Import the module
import { InputCurrencyModule } from 'ths-input-currency';
@NgModule({
imports: [
...
InputCurrencyModule
],
declarations: [...],
providers: [...]
})
export class AppModule {}
Using
<input InputCurrency [(ngModel)]="value" (ngModelChange)="changeValue($event)" />
ngModel
An attribute of type number. If is displayed'$ 25.63'
, the attribute will be'25.63'
.
changeValue(value) {
this.value = (value == null ? 0 : value);
}
Options
You can set options...
Available options:
align
- Text alignment in input. (default:right
)allowNegative
- Iftrue
can input negative values. (default:true
)decimal
- Separator of decimals (default:'.'
)precision
- Number of decimal places (default:2
)prefix
- Money prefix (default:'$ '
)suffix
- Money suffix (default:''
)thousands
- Separator of thousands (default:','
)min
- The minimum value (default:undefined
)max
- The maximum value (default:undefined
)
You can also set options globally...
import { InputCurrencyModule } from "ths-input-currency";
export const customCurrencyMaskConfig = {
align: "right",
allowNegative: true,
allowZero: true,
decimal: ",",
precision: 2,
prefix: "R$ ",
suffix: "",
thousands: ".",
min: null,
max: null,
};
@NgModule({
imports: [
...
InputCurrencyModule.forRoot(customCurrencyMaskConfig)
],
declarations: [...],
providers: [...],
bootstrap: [AppComponent]
})
export class AppModule {}