如何使用ng2-nouislider查找哪个句柄触发了事件?

时间:2019-05-22 08:43:13

标签: angular typescript events nouislider

我在我的角度应用程序中使用ng2-nouislider。我的滑块上有一个上下手柄。在我的活动中,如何传递触发该事件的手柄?我需要将该句柄值传递给函数以对该句柄应用软限制。

使用nouislider JavaScript库版本非常简单:

updateSlideLimits() {
    slider.on('end', this.sliderEnd);
    slider.on('update', this.sliderUpdate);
}

private sliderUpdate = (values: any[], handle) => {

    this.selectedMinPrice = values[0];
    this.selectedMaxPrice = values[1];

    console.log("selectedMinPrice", this.selectedMinPrice);
}

使用ng2-nouislider这是我构建滑块的方式:

<nouislider #priceSliderNg2 [config]="noUiSliderNg2" (change)="triggerUpdate($event)" class="one-whole">

事件:

noUiSliderNg2: any;    
@ViewChild('priceSliderNg2') priceSliderNg2; 

 triggerUpdate(event) {
        console.log("event", event);
}

有人可以建议我如何传递触发事件的手柄吗?

0 个答案:

没有答案