Aurelia JS - 在改變Kendo UI滑塊上運行功能？

Question

讓我們用同樣的例子在Aurelia JS - Kendo UI vertical sliders with height in percent?：

• https://gist.run/?id=323de53223d2ec872f17361378639556

現在，讓我們在app.js說，我添加了一個功能是這樣的：

sliderOnChange(e) { 
    console.log("sliderOnChange",e); 
    } 

我怎樣才能每當每個滑塊更改其值時調用此函數 - 並且可以檢索舊值，新值和哪個滑塊有更改？

我試圖修改滑塊代碼：通過添加屬性

  <input repeat.for="slider of sliders" 
        ak-slider=" 
        k-orientation: vertical; 
        k-min.bind: -20; 
            k-max.bind: 20; 
            k-value.bind: slider.value; 
            k-widget.bind: slider.widget; 
            k-small-step.bind: 1; 
            k-large-step.bind: 20; 
            k-show-buttons.bind: false" class="eqSlider"/> 

...：

 kendo-change.trigger="sliderOnChange()" 

...不工作;也試過添加屬性：

 k-on-change.delegate: "sliderOnChange($event)" 

......那也不管用;我已經嘗試添加到ak-slider屬性：

        k-on-change.delegate: sliderOnChange; 

...你可能已經猜到了，不工作，要麼...

Answer 1

嘗試k-on-change.delegate="onChange($event.detail)"作爲證明here