Получение предыдущего значения mdSlider (Angular Material2)

В Angular-Material 2

Я хотел бы ограничить параметр md-slider определенным значением, в пределах минимального и максимального значений для ползунка. Например:

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

Я хотел бы запретить пользователю перемещать ползунок на что-либо выше 50 на ползунке, но все же показывать правильные 50% ползунка. Поскольку в настоящее время нет способа сделать это визуально, я хотел вернуть слайд с любого значения выше 50 в то место, где пользователь начал его перемещать.

Есть ли какой-нибудь естественный способ сделать это? Событие изменения @Output (), запускаемое после того, как пользователь перемещает ползунок, предоставляет только окончательное значение, а не предыдущее значение.

Спасибо


angular angular-material2
person Bradley Taniguchi    schedule 13.09.2017    source источник
comment
Кэшируйте previousValue в своем классе компонентов всякий раз, когда происходит изменение. Затем восстановите это, если изменение неудовлетворительно.   -  person Will Howell    schedule 13.09.2017

Ответы (1)


arrow_upward
0
arrow_downward

Я не уверен, хорошо ли понял эффект, который вы ищете, но вот решение:

HTML:

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

ДЕМО

person Vega    schedule 13.09.2017
comment
Лучше использовать Math.max, но вам нужно будет сделать это в классе - person Vega; 13.09.2017