AngularJS directive for enhancing a text input for entering numeric values, with up/down buttons and arrow key handling.
Uses jQuery Spinner widget.
add the numeric module to your Angular App.
angular.module('app', ['ui.numeric']);
<div numeric="" ng-model="numericValue"></div>
numeric control value: {{numericValue}}
<div numeric="{min:1,max:10}" step="2" ng-model="numeric"></div>
<div numeric="numeric_options" ng-model="numeric_event"></div>
controller:
$scope.numeric_options = {
start: function (event, ui) { console.log('numeric start'); },
spin: function (event, ui) { console.log('numeric spin'); }
}