Angular Money Mask

An AngularJS (1.x) directive to mask inputs with currency values

Para ler este documento em Português, clique aqui

Usage

$ npm install angular-money-mask --save

$ bower install angular-money-mask --save

<script src="https://github.com/rwaltenberg/angular-money-mask/raw/master/rw-money-mask.min.js"></script>

angular.module('yourApp', ['rw.moneymask'])

<input type="text" name="price" ng-model="model.price" money-mask />

Obs: ngModel is required!

Expects it to be a valid Javascript Number. e.g.: 100 ($ 100.00), 4.20 ($ 4.20), 4340.65 ($ 4,340.65)
It maintains the model value as a number. Only the input view gets formatted.

Displays formatted model value as the user types
It will allow only numbers to the input. Each time a number is put, the value updates.
Uses $filter('number'), which uses $locale.NUMBER_FORMATS configuration (separators, fraction size, etc) so it's i18n compatible.

Use money-mask-append and money-mask-prepend to add some text to the formatted currency.

<input type="text" name="price" ng-model="model.price" money-mask money-mask-prepend="$" />

<input type="text" name="price" ng-model="model.price" money-mask money-mask-append="dollars" />