md-slider停在任何地方而不跳到一步

时间:2016-09-04 12:11:54

标签: javascript angularjs angular-material

我正在使用md-slider directive,我将其设置为:

<md-slider class="md-primary" ng-model="question.sliderPosition" ng-change="handleProducts()" md-discrete step="3" min="3" max="9" aria-label="rating"></md-slider>

只有3个职位。但是我的客户并不希望它跳转到下一个位置,而是当用户让鼠标移动然后我的代码找出最接近点的哪一步时,他们希望它停止。 有谁知道这是否可能?

1 个答案:

答案 0 :(得分:0)

没有API不会将此作为选项公开。

然而,大多数事情是可能的,如果你看一下该指令的源代码,并注释掉对clamp的任何引用,那么它就不会像函数建议那样做,钳位滑块的位置到它最近的位置。

设置滑块百分比时,例如释放鼠标时,它会调用clamp并根据传入的value(当前位置)调整位置。

https://github.com/angular/material/blob/master/src/components/slider/slider.js#L559