Question

在Angular-Material 2中

我想将md-slider选项限制为某个值，滑块的最小值和最大值。例如：

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

我想阻止用户将滑块移动到滑块上50以上的任何值，但仍然显示滑块的右边50％。由于目前没有可视方式，我希望将幻灯片从50以上的任何内容恢复到用户开始移动的位置。

有没有自然的方法呢？用户移动滑块后触发的@Output（）更改事件仅提供最终值，而不是之前的值。

谢谢

Answer 1

我不确定你是否理解你正在寻找的效果，但这是解决方案：

<强> HTML：

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