NG Numbers Only - Input number in a easy way in AngularJS Apps
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 intoFixed()
method
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
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.
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.