Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

ngx-currency-input-mask

Neethukp93490.0.4TypeScript support: included

An input mask to be used with Angular, which is mainly useful for currency input ( you can the precision for decimal number ( 1 or 2) , decimal separator ( dot or comma ) thousand seperator ( space or comma )

angular, typescript, javascript, directive, input mask, currency mask

readme

NgxCurrencyMask

This library was generated with [Angular CLI] version 8.2.14.

This is useful for currency input masking using the following properties Precision Decimal separator Thousand separator

Installation

install the module

npm i ngx-currency-input-mask

Usage

import the NgxCurrencyMaskModule into app.module.ts

import { NgxCurrencyMaskModule } from 'ngx-currency-input-mask';
<input type="text" ngxMaskCurrencyMask   [(ngModel)]="currency" [precision]="2" decimalSeparator="," thousandSeparator="."/>

{{currency}}

Input values : -

  • precision (number) : decimal places , you can pass 1,2 etc.

    • if you are passing precision 1 ,value will be 2.0
    • if you are passing precision 2 ,value will be 2.00
  • thousandSeparator (string) : it should be either ' ' or ',' or '.'

  • decimalSeparator (string) : it should be either '.' or ','

    • if you are passing decimalSeparator as '.' ,possible values of thousandSeparator are ',' and ' '
    • if you are passing decimalSeparator as ',' ,possible values of thousandSeparator are '.' , ' ' and ','
  • please note that below combination will not work for this module.

    • decimalSeparator = '.' and thousandSeparator = '.'