我在我的角度应用程序中使用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);
}
有人可以建议我如何传递触发事件的手柄吗?