I need to know when an
<ion-range> has finished - i.e. when the user stopped dragging the range slider around. I do not want a million callback calls via
onChange() because my user experience needs an action only at the end of a drag - I suspect many many UX uses of
<ion-range> would need this end event too. But by default
<ion-range> does not fire an “end” event.
debounce does not solve this. It is not possible to accomplish a true “end” event via playing around with
As opposed to the “change” event, this would be a “last change” event.
Such an “end” event can possibly be captured via adding a
(touchend) event to
I’d like to know how to proceed to get this functionality. I can think of three options. I’d really appreciate any input as to which option (or a new one) is best:
if there is a plan to add an “end” event to
<ion-range>- I may just wait and I’m willing to work on it, it’s a very simple small change
I can extend the Range class - but it seems like a messy thing to do (you have to call
super(form, item, renderer)which i’m not sure how to do and then i don’t know how to add the
(touchend)event to the extended class
I can create a new directive whose HTML template wraps an
<ion-range>and add to it the
Thanks very much!