角测角器失效

Question

我用的是角UI滑翔机。滑块正在按预期工作。但我不知道如何禁用它。我尝试过残疾和其他一些事情，但结果是成功的。

知道我该怎么禁用这个吗？

Answer 1

我找到了一种静态禁用滑块的方法。您必须编辑角滑块. in，以便函数onMove的第一个命令(应该从第259行开始)状态。

if ('disabled' in attributes) {return}

那么您的html应该看起来像

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

不幸的是，您不能像使用ng禁用=“someCondition”时那样，在运行时以这种方式更改禁用状态。解决这一问题的一种方法是，我最终做到了以下几点：

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

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

Answer 2

更新：

我刚刚看到你没有使用和我一样的角度UI滑翔机应用程序。由于您的库不再维护，所以我可以推荐jQuery用于AngularJS的UI滑块。使用这个库，您可以完成我最初编写的内容：

使用

<div ui-slider="sliderOptions" ng-model="value"></div>

您可以将sliderOptions设置为

$scope.sliderOptions = {
    disabled: true
};

还可以在运行应用程序时更改$scope.sliderOptions.disabled。