Ranger slider for Ionic

Ionic Framework ionic-v3
1

Hello,

Which range slider would you guys recommend for Ionic 3?
and which one can send its value as variable to function typescript?
I’ve tried a multiple angular range slider on npm site and none of them worked on Ionic 3.
or is there a way to use onChange event on Ion-range?
There really isn’t any description about this out there and I’m getting headaches.

Thanks,

2

Use ionChange and optionally debounce, as suggested in the api docs.

<ion-range (ionChange)="change()"></ion-range>

change() {
  console.log('something happened');
}

You can pass the value too, by passing the event in the standard way.

1 Like
4

actually that doesn’t really work.
It gives me an error on Ionic 3.
"_co.change is not a function"

is what it says…

Also, Ion-range doesn’t seem to work with decimals?
I want to set 0 as minimum and 1 as maximum, 0.1 for step.
How can I set default value on ion-range? on html5, you can set it with ‘value’… but that doesn’t seem to work on Ion-range…

Is there any other way around this???

5

You are either trolling me, or you have beaten yourself into total confusion. As stated in the ion-range API doc, you use step to set the step, min to set the min, and max to set the max. Please read the documentation. It answers all these questions.

2 Likes
7

problem solved here… he’s right!

Thanks,