Ionic 2 Bereich Touchend Event

Question

Ich versuche den Wert eines Bereichsschieberegler mit Ionic 2 am Ende eines Eingangs zu erhalten.

In der doumentation ist das einzige verfügbare Ereignis der IonChange, der mehrmals während einer Eingabe auslöst, und ich brauche nur den letzten Wert, um eine Aktion auszuführen.

Ich habe versucht, das Ereignis touchend manuell hinzuzufügen, aber das Ereignis wird ignoriert.

Hier ist auch eine Plunker mit dem Problem.

Kennt jemand eine Möglichkeit, ein Touchend-Ereignis auf dem Bereichsregler in Ionic 2 zu hören?

Answer 1

"Entprellen" Attribut der Ionen-Bereich würde funktionieren. "debounce" fügt eine Verzögerung hinzu, um die ionChange-Funktion von der Komponente auszulösen.

<ion-range debounce="700" (ionChange)="someFunction($event)"></ion-range> 

(700 ist die Verzögerungszeit in Millisekunden) 700 funktioniert in meinem Fall gut.

Answer 2

Es gibt auch das Ereignis ionBlur und ionFocus auf dem Bereichseingang, den Sie verwenden könnten.

Die ionFocus wird ausgelöst, wenn Sie durch den Bereich gleiten und die ionBlur wird ausgelöst, wenn Sie den Bereich Artikel veröffentlicht haben

<ion-range (ionBlur)="rangeBlurred($event)" (ionFocus)="rangeFocused($event)">