动态启用和禁用切换按钮

Posted 2023-03-27

【中文标题】动态启用和禁用切换按钮

【英文标题】：dynamically enable and disable toggle button

【发布时间】：2020-04-19 03:48:06

【问题描述】：

这里是切换按钮的 html

<div class="toggle btn btn-default" data-toggle="toggle" data-bind=" toggle:address(), css:off:!address()enable: IsItNeeded()">
    <div class="toggle-group">
        <label class="btn btn-primary toggle-on">On</label>
        <label class="btn btn-default active toggle-off">Off</label>
        <span class="toggle-handle btn btn-default"></span>
    </div>
</div>

在我的视图模型中，我尝试将变量 IsItNeeded 设置为 false，但切换按钮仍然没有被禁用。有什么办法解决这个问题？

【问题讨论】：

如果你给我们一个工作小提琴会很有帮助

为什么是这些括号IsItNeeded()？见这里：The data-bind syntax

【参考方案1】：

如果IsItNeeded 是一个可观察对象，那么您需要删除该可观察对象的调用()。你想绑定到 observable，而不是它持有的值。与任何其他绑定相同。

<div ... data-bind="toggle: address, enable: IsItNeeded">
  ...
</div>

【讨论】：

其计算的 observable

我更新了有问题的 html。我忘了数据绑定中有这个代码“, css:off:!address()”