Angular 2 Md滑块更改事件，值保持不变

Question

I have a typescript angular 4 frontend project where i want to change the initial value of a md slider element and on change event make a web api call with that changed value. The change event is called when i move the slider in the page but on the change event in my component the value remains what it was initially. How do I get the changed value in my component so that I can make a web api call ?

Answer 1

You should pass $event.value from view to component. The $event.value emits the new value.

Example:

<md-slider (change)="someFucn($event.value)"></md-slider>

ts:

someFucn(newVal){
  alert("Slider val: " + newVal);
  // Add API code here
}

Plunker demo