angular-numeric-input

1.0.4 • Public • Published

Bower Version NPM Version Build Status

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

Demo

See directive in action

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: required
  • type: Set to text or tel or just leave it out. Do not set to number.
  • min: optional Defaults to 1.
  • max: optional Not enforced by default
  • max-length: optional Defaults to 9
  • allow-decimal: optional Defaults to false (Postive Integer)
  • min-not-equal: optional Defaults to false
  • max-not-equal: optional Defaults to false

Basic example:

<input type="tel" ng-model="model" ui-numeric-input>

min, max can be set dynamically:

<input type="tel" ui-numeric-input ng-model="model" data-min="{{min}}" data-max="{{max}}"/>

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 test
  • gulp build to build
  • gulp test for one-time test with karma

Contributing

Package Sidebar

Install

npm i angular-numeric-input

Weekly Downloads

3

Version

1.0.4

License

MIT

Last publish

Collaborators

  • changliu