ng-numbers-only

NG Numbers Only - Input number in a easy way in AngularJS Apps

Installation

1 - Via NPM

$ npm install ng-numbers-only

2 - Via bower

$ bower install ng-numbers-only

3 - Clone this repository and access the generated folder

$ git clone git://github.com/willmendesneto/ng-numbers-only.git [project-name]
$ cd [project-name]

Once you have ng-numbers-only in your project, just include 'keepr.ngNumbersOnly' as a dependency in your Angular application and you’re good to go. It's works!

    angular.module('myModule', ['keepr.ngNumbersOnly'])

4 - Configurations

This directive accepts some configurations, such as:

• precision: integer with float value to be used to fix the decimal precision. toFixed() method is not being used anymore because it calls Math.round method internally.

FAQ

Why the component doesn't have support to accept scientific notation/exponential values?

Because by default since April 2015 AngularJS supports exponential values/scientific notation in ngModel. More details in angular/angular.js#11602

Example

You can access this plunker with a live Example.

angular.module('ngNumbersOnly', [
  'keepr.ngNumbersOnly' // Loading `keepr.ngNumbersOnly` component in your application
])
.controller('ngNumbersOnly', function() {
  this.value = 10;
});

<input type="number" numbers-only precision="2" ng-model="value" step="0.10" min="0" />

PS: You should have a ngModel in your input to use this component.

http://embed.plnkr.co/P5hoQ2/

Author

Wilson Mendes (willmendesneto)

• https://plus.google.com/+WilsonMendes
• https://twitter.com/willmendesneto
• http://github.com/willmendesneto

Please create a new issue if you like to add a new feature in the component.

New features comming soon.