angular-money-directive

Quick Demo

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:

$ bower install angular-money-directive

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