javascript - Angular uislider 禁用

Question

我正在使用 Angular UI Slider . slider 按预期工作。但我不知道如何禁用它。我尝试了 ng-disabled 和其他一些东西，它成功了。

关于我应该如何禁用它的任何想法？

Answer 1

我找到了一种静态禁用 slider 的方法。您必须编辑 angular-slider.js，以便函数 onMove 的第一个命令(应从第 259 行开始)声明

if ('disabled' in attributes) {return}

那么你的 html 应该是这样的

<slider disabled floor=0 ceiling=100 step=1></slider>

不幸的是，您不能像使用 ng-disabled="someCondition" 时那样在运行时以这种方式更改禁用状态。一种解决这个问题的方法是:

<div ng-if="sliderHasToBeDisabled">
    <slider disabled ...>
</div>
<div ng-if="!sliderHasToBeDisabled">
    <slider ...>
</div>

如果有更优雅和干净的方式，我仍然很感兴趣。