Angular 2 Md Slider更改事件,值保持不变

时间:2017-08-22 14:59:13

标签: javascript angular typescript

我有一个打字稿角4前端项目,我希望更改md滑块元素的初始值,并在更改事件上使用该更改的值进行web api调用。当我在页面中移动滑块时调用change事件,但是在我的组件中的change事件中,值仍然是最初的值。如何获取组件中已更改的值以便我可以进行Web api调用?

1 个答案:

答案 0 :(得分:2)

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

示例:

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

TS:

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

Plunker demo