Angular stepper directive
A simple numeric stepper for angular 1.x.
Demo : http://jsfiddle.net/26ghx/embedded/result/
Making of : http://blog.revolunet.com/blog/2013/11/28/create-resusable-angularjs-input-component/
Usage
install with bower : bower install angular-stepper
Or npm : npm install --save angular-stepper
add a dependency to your app :
angular.module('MyApp', [
'revolunet.stepper'
]);
use the directive :
<div rn-stepper ng-model="product.quantity" ng-disabled="config.totalAvailable < 1" min="config.min" max="config.max"></div>
Note: Optionaly, you can add a detailed label
<div rn-stepper ng-model="product.quantity" ng-disabled="config.totalAvailable < 1" min="config.min" max="config.max" label="point"></div>
Licence
Licensed under the permissive MIT license, contributions welcome