javascript - Angular 2 Md slider 更改事件，值保持不变

Question

我有一个 typescript Angular 4 前端项目，我想在其中更改 md slider 元素的初始值，并在更改事件时使用更改后的值进行 Web api 调用。当我在页面中移动 slider 时会调用更改事件，但在组件中的更改事件上，值仍保持最初的值。如何获取组件中更改后的值以便进行 Web API 调用？

Answer 1

您应该将 $event.value 从 View 传递到组件。 $event.value 发出新值。

示例:

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

ts:

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

Plunker demo