Angular-numeric-input
An Angular directive for number input to provide real-time number input formatting and validations.
It does a few things:
- Real-time number input formatting
- Support decimal (max 2 decimal places) and positive integer number
- Support dynamic Min and Max validation
- Support Maximum length validation (default to 9)
Note Not suport negative number.
Latest Changes
- Check CHANGELOG.md
Demo
Angular Requirements
Require Angular 1.3.0 or higher and it has been tested with Angular 1.5.8.
Installation Methods
npm
$ npm install angular-numeric-input
bower
$ bower install angular-numeric-input
Usage
Load the unminified or minified file from dist
dir:
<script src="dist/angular-numeric-input.js"></script>
Then include it as a dependency in your app.
angular.module('myApp', ['ui.numericInput'])
Attributes:
ng-model
: requiredtype
: Set totext
ortel
or just leave it out. Do not set tonumber
.min
: optional Defaults to1
.max
: optional Not enforced by defaultmax-length
: optional Defaults to9
allow-decimal
: optional Defaults tofalse
(Postive Integer)min-not-equal
: optional Defaults tofalse
max-not-equal
: optional Defaults tofalse
Basic example:
min
, max
can be set dynamically:
Development
Prepare your environment
- Install Node.js and NPM (should come with)
- Install global dev dependencies:
npm install -g gulp
- Install local dev dependencies:
npm install
in repository directory
Development Commands
gulp
to build and testgulp build
to buildgulp test
for one-time test with karma
Contributing
- Run the tests
- Try the examples