revolunet / angular-stepper

AngularJS numeric stepper

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

angular-stepper's Issues

Hide minus button and input when there is no products

Hello,
Here is the scenario I'm looking for. In my product list for each product, I want to show only the plus(+) symbol at first, when the user press the plus it should show "- 1 +" so that the user can decrement the value. Once there is no items it should show only the plus.

How can I achieve this with angular-stepper?

Thank you.

ng-disabled integration

deal with ng-disabled

add tests

add bower

Publish 3.0 to bower

Hi there...

I see pull request to change from div to input was committed and package updated to 3.0.

Can you publish 3.0 to bower?

Thank you!

Deal with ng-submit

Hi,

button without attribute type="button" represents the same thing as a button element with its type attribute set to "submit" (http://www.w3.org/TR/html-markup/button.html).
So, when ng-submit is used for instance, the form is submitted when angular stepper is clicked.

Add text label with value

Like @lukew recommended https://twitter.com/lukew/statuses/453548096031432704