joshyu / angular-stepper

AngularJS numeric stepper

Angular stepper directive

A simple numeric stepper.

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

add a dependency to your app :

angular.module('MyApp', [
    'revolunet.stepper'
]);

use the directive :

<div rn-stepper ng-model="product.quantity" min="config.min" max="config.max"></div>

Note: Optionaly, you can add a detailed label

<div rn-stepper ng-model="product.quantity" min="config.min" max="config.max" label="point"></div>

Licence

Licensed under the permissive MIT license