AngularJS numeric directive
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Alireza Savand 9219a8694a Fixes Wrong module system existence checking (undefined error) 2 years ago
example Min max disable 2 years ago
src Fixes Wrong module system existence checking (undefined error) 2 years ago
test Added more testcases, removed default min 4 years ago
.gitattributes :confetti_ball: Added .gitattributes & .gitignore files 4 years ago
.gitignore Istanbul code coverage setup 4 years ago
.travis.yml Removed karma-phantomjs 4 years ago
README.md Min max disable 2 years ago
bower.json Min max disable 2 years ago
package.json Fix main path in package.json 2 years ago

README.md

angular-numeric-directive

NPM

Build Status Code Climate Test Coverage NPM

This angular directive prevents the user from entering non-numeric values.

  • There are checks on min and max values. When the value falls below the minumum the value is set to the minumum value. When the value exceeds the maxiumum, the value is set to the maximum. If the limit-min or limit-max attributes are set to false, the min or max values remain untouched.
  • Formatting is done on the blur event; thousand separator and decimal are based on the current Angular locale.
  • The number of decimals can be set.

Install:

bower install angular-numeric-directive --save

npm install angular-numeric-directive --save

Usage:

  1. Include the numeric-directive as a dependency for your app.

    angular.module('myApp', ['purplefox.numeric'])
    
  2. Use the directive in your view:

  <input numeric min="-20" max="100" decimals="3" />

Attributes

max: maximum input value. Default undefined (no max)

min: minimum input value. Default 0.

decimals: number of decimals. Default 2.

formatting: apply thousand separator formatting. Default true.

limit-max: limit input to max value (value is capped). Default true. If set to false, the angular validations can be done like normal.

limit-min: limit input to min value (value is capped). Default true. If set to false, the angular validations can be done like normal.