2016-11-22 86 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)"> 
解僱