Ionic 2 range touchhend event

Question

Я пытаюсь получить значение ползунка диапазона с Ionic 2 в конце ввода.

В doumentation единственным доступным событием является ionChange, которое три раза запускается во время ввода, и мне нужно только последнее значение для выполнения действия.

Я попытался добавить событие touchhend вручную, но событие игнорируется.

Здесь также находится Plunker с проблемой.

<ion-range (ionChange)="showVal($event)" (touchend)="presentValue(event)" min="0" max="100" [(ngModel)]="currentTime" color="danger"> 
      <ion-icon small range-left name="sunny"></ion-icon> 
      <ion-icon range-right name="sunny"></ion-icon> 
    </ion-range> 

Кто-нибудь знает способ прослушивания события touchhend на слайдере диапазона в Ionic 2?

Answer 1

Атрибут «debounce» ионного диапазона будет работать. «debounce» добавляет задержку для извлечения функции ionChange из компонента.

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

(700 - время задержки в миллисекундах) 700 прекрасно работает в моем случае.

Answer 2

Существует также событие ionBlur и ionFocus на входе диапазона, который вы могли бы использовать.

The ionFocus пожаров, когда вы раздвижные через диапазон и ionBlur обжигали, когда вы выпустили деталь через диапазон

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