knockout.js - 条件 'click' 与 Knockout 绑定(bind)

Question

我将单击事件绑定(bind)到列表中的每个列表项:

        <ul class="modal-subject-list" data-bind="foreach: filteredSubjects">
            <li data-bind="click: $parent.pickSubject, css: {alreadyAddedBackground: hasBeenAdded}">
                <!-- Lots of code here -->
            </li>
        </ul>

我想禁用 click:如果“hasBeenAdded”解析为真，则绑定(bind)。我知道一些凌乱的方法来照顾它:

有两个列表项，一个用于 if: hasBeenAdded ，另一个用于 if: !hasBeenAdded .这远非 DRY

使用 javascript 处理此检查并单独保留 View - 我不喜欢这样，因为正在为应该基本上禁用的列表项生成不必要的标记。

有没有办法注册“clickIf”绑定(bind)？

Answer 1

做这个

    <ul class="modal-subject-list" data-bind="foreach: filteredSubjects">
        <li data-bind="click: hasBeenAdded ? null : $parent.pickSubject">
            <!-- Lots of code here -->
        </li>
    </ul>

http://jsfiddle.net/7hcj6/

读 -

如果已添加过滤主题，则什么也不做，否则添加到列表或其他任何内容。