nkovacic/angular-touchspin

Angular touchspin

angular-touchspin's Issues

Increment/Decrements call two times for vertical buttons.

TouchSpinController.prototype.startSpinUp = function () {

            var _this = this;
            this.checkValue();
            if (this.touchSpinOptions.verticalButtons) {
                this.decrement(); // **first decrement value here**
            } else {
                this.increment(); // **first increment value here**
            }
            this.stopSpin(true);
            this.clickStart = Date.now();
            this.timeout = this.$timeout(function () {
                // if (this.timer) {
                // 	this.$interval.cancel(this.timer);
                // }
                _this.timer = _this.$interval(function () {
                    if (_this.touchSpinOptions.verticalButtons) {
                        _this.decrement(); **// again value decrement here**
                    } else {
                        _this.increment(); **// again value increment here**
                    }
                }, _this.touchSpinOptions.stepInterval);
            }, this.touchSpinOptions.stepIntervalDelay);
        };

Verticle button css is backwards

The verticle button CSS is backwards for me. As you can see from the screenshot, the button radiuses are in the wrong spot. Also wouldn't the up button need to be created before the down button?

Double counting

Sometimes when I click + or - the number is incremented or decremented double. This is apparent even after the basic configuration. Just click every 0.5 seconds. Here plunker: http://plnkr.co/edit/8c6WnxtisdQlxFyX8tzm?p=preview

Not support angular 1.6.x

I noticed that the options="optionsVariable" passed to the directive not more work with Angular JS 1.6.x

Option to swap buttons

Great library, I use it often. Please add an option to swap the + and - arrows for the horizontal aligned buttons, if possible. Thanks...

Update after div is rendered

How can I send a value after the div has been draw? If I put a value to the var in the controller it is working fine, but when I load it from a web service, it always return 0 because it don't update the number.

Thanks for the help

can not update touch spin min max using angular model

Hi,

we can not update min max property value on input using touch spin

Regards
karen

Debounce on mouse click

Love the touchspin, thanks for great package.
Users are however complaining that the first click always jumps two increments, after that it works fine. The issue is intermittent.
I can confirm that this happens in testing too. When clicking the up arrow once the input would jump from 0 to 2

Declares to bundle TypeScript types, but those are not published

package.json includes "types": "./src/angular-touchspin.d.ts", but that file is not distributed on npm -- it's in the .npmignore.
It would be nice to have that file included in the distribution so the duplicate typings could be removed from DefinitelyTyped.

How to pass configuration parameters?

I need modify some parameters (step & decimals).

iPhone spinner not working

The Bootstrap Touchspin http://www.virtuosoft.eu/code/bootstrap-touchspin/ works fine on an iPhone, if I touch and hold a plus or minus button, the spinner starts spinning.

With angular-touchspin the spinner reacts to click and hold correctly and starts spinning on a browser.
However on an iPhone it does not. It never spins and only increments the value on releasing the touch.

This is a crucial usability issue

Speed up incrementing the longer you hold the + / - buttons and keys

I've seen on similar ui components that as you continue to hold the up / down keys, the time it takes to increment the number gets progressively faster. This is really helpful if you are going from say zero to 1000 - it takes a lot less time to get there. You may have already made this possible and I don't know how to set the option, but if not, is there a way to modify it?

changing button color

Hi there, how can i change the +- buttons color. I have tried to do it manually in angular.touchspin.css file, by adding color: "black", to every group but it doesnot change

Button click and mouse leave

If you hold the left mouse button on the touchspin buttons ('+' and '-' or the vertical buttons) and then drag the mouse pointer off the button area, the value of the input will keep increasing (or decreasing), even when you stop pressing the mouse.

The best solution I can think to solve this of is to add a "ng-mouseleave=vm.stopSpin()" into every button tag on the directive html. This way the value will stop changing when you leave the button area.

Why is the decrement button now on top?

Why would I want vertical buttons with the - on top and the + on the bottom?

The buttons correctly increment and decrement, but everyone expects increment to be on top. Is this a config option?

Booster option does not work

Booster option does not work, does anyone have the solution?

Submit on clicking + or -

use a tag for button or button with type="button" otherwise button without type is treated as submit. :(

Touch Events buggy?

Seems there is a problem with the latests versions with touch events. Please check these plunkers with Dev Tools Touch events activated in Chrome:

Version 1.8.3 (don't work, 1.8.0 neither)
http://next.plnkr.co/edit/zSzKX6RvDtTM3uWk?preview

Version 1.4.4 (works ok)
http://plnkr.co/edit/8c6WnxtisdQlxFyX8tzm?p=preview

Can't display the default value of ng-model ...

Hi,

I have a simple controller with :

$scope.value = 75;
$scope.options = {
        verticalButtons: true,
        decimals: 2,
        max: 100,
        min: 0.1,
        step: 0.1
 }

And in my html :
<touch-spin ng-model="value" options="options"></touch-spin>

But the spin display 0.1 (minimum value) instead of 75 ? Any ideas ?

Thx.

build error typings/index.d.ts not found

Hi, I no more be able to compile:

./dev/index.ts
Module build failed: A file specified in tsconfig.json could not be found: /Users/mat/Workspace/git/angular-touchspin/typings/index.d.ts
 @ multi main

Path must be a string. Received undefined

multiple instances in same controller

Hi,
we have a page with some instances of touchspin and when we edit the input text all models are set with the same value!
can you help me?
Thank you,
Sergio

How do we define options, callbacks, etc?

I didn't see it was possible in the documentation, but it looks like it may be...