2017-09-13 34 views
0

在角材料2獲取mdSlider(角料2)的前一個值

我想內的最小值和最大值爲滑塊的MD-滑塊選項限制爲一定值時,。例如:

<md-slider [min]="1" [max]="100></md-slider> 

我想阻止用戶在滑塊上的滑塊移動到任何超過50,但仍,顯示滑塊右側的50%。由於目前沒有可視化的方法,我想從50以上的任何地方將幻燈片恢復到用戶開始移動的位置。

有沒有自然的方法可以做到這一點?用戶移動滑塊後觸發的@Output()更改事件僅提供最終值,而不是先前的值。

謝謝

+0

緩存'每當發生更改時,都會在組件類中使用previousValue'。如果變化不理想,則恢復。 –

回答

0

我不知道,如果深知你正在尋找的效果,但在這裏是解決方案:

HTML:

<md-slider min="0" #mySlide max="100" (change)="mySlide.value=mySlide.value>50 ? 50 : mySlide.value"></md-slider> 

DEMO

+0

最好使用Math.max,但你需要在課堂上做到這一點 – Vega