Skip to content

lafama/angular-money-directive

 
 

Repository files navigation

angular-money-directive

Build Status

This directive validates monetary inputs in "42.53" format (some additional work is needed for "32,00" European formats). Note that this is not designed to work with currency symbols. It largely behaves like Angular's implementation of type="number".

It does a few things:

  • Prevents entering non-numeric characters
  • Prevents entering the minus sign when min >= 0
  • Supports min and max like in <input type="number">
  • Rounds the model value by precision, e.g. 42.219 will be rounded to 42.22 by default
  • On blur, the input field is auto-formatted. Say if you enter 42, it will be formatted to 42.00

Usage:

Attributes:

  • money: required
  • ng-model: required
  • type: Set to text or just leave it out. Do not set to number.
  • min: optional Defaults to 0.
  • max: optional Not enforced by default
  • precision: optional Defaults to 2. Set to -1 to disable rounding
<input type="text" ng-model="model.price" money>

Tests:

  1. Install test deps: npm install and bower install
  2. Run: ./node_modules/karma/bin/karma start

About

AngularJS directive to validate monetary inputs

Resources

Stars

Watchers

Forks

Packages

No packages published