Awesome

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