动态启用和禁用切换按钮答案

【问题标题】：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

标签： twitter-bootstrap knockout.js toggle

【解决方案1】：

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

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

【讨论】：

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