ngx-currency-input

Angular Currency Input Directive

Input directive to format number according to users locale and preventing from entering more than 2 decimal places.

Quick links

Demo | StackBlitz Template

Getting Started

Installation

 npm i ngx-currency-input --save

Import NgxCurrencyInput Module

import { NgxCurrencyInputModule } from 'ngx-currency-input';

@NgModule({
  declarations: [...],
  imports: [
    ...
    NgxCurrencyInputModule
  ]
})
export class AppModule {}

Usage

<input ngxCurrencyInput [(ngModel)]="value" />

Available Options

Name	Description
@Input() formatOnlyOnBlur: boolean	When true, the input won't be formatted while entering a value. Default: false
@Input() min: number	Validation min value
@Input() max: number	Validation max value

Example:

<input ngxCurrencyInput [formatOnlyOnBlur]="true" [min]="10" [max]="1000" [(ngModel)]="value" />

Authors

• Chris Filipowski - filipows

License

This project is licensed under the MIT License - see the LICENSE file for details