2016-11-22 76 views
1

我试图在输入结束时获得带有Ionic 2的范围滑块的值。离子2范围touchend事件

doumentation唯一可用的事件是ionChange,它在输入过程中触发多次,我只需要最后一个值来执行操作。

我试着手动添加touchend事件,但事件被忽略。

这里还有一个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> 

有没有人知道在Ionic 2的范围滑块上聆听touchend事件的方法?

回答

5

离子范围的“去抖”属性将起作用。 “debounce”增加了从组件发射ionChange功能的延迟。

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

(700是延迟时间,以毫秒为单位)700在我的情况下工作正常。

4

您还可以使用范围输入中的ionBlurionFocus事件。

ionFocus火灾时,您是通过一系列 滑动和ionBlur是当你已经发布了一系列项目

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