编程语言
首页 > 编程语言> > javascript – Angular uislider禁用

javascript – Angular uislider禁用

作者:互联网

我正在使用Angular UI Slider.滑块按预期工作.但我不知道如何禁用它.我尝试过ng-disabled和其他很少的东西,它很有用.

关于如何禁用此功能的任何想法?

解决方法:

我找到了一种静态禁用滑块的方法.你必须编辑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>

如果有更优雅和干净的方式,我仍然感兴趣.

标签:javascript,angularjs,uislider,jquery-ui-slider
来源: https://codeday.me/bug/20190702/1361365.html