css - 将 bool 值绑定(bind)到类

Question

我有一个元素列表，我想突出显示“已选择”的元素(这链接到另一个界面，因此使用纯 CSS 是行不通的)。我猜我可以这样做:

    <!-- ko if: isSelected -->
       <span class="selected">
    <!-- ko endif -->
       <span class="myItem">content goes here</span>
    <!-- ko if: isSelected -->
       </span>
    <!-- ko endif -->

甚至可能是这样的:

    <span class="myItem<!-- ko if: isSelected --> selected<!-- ko endif -->">
       content goes here
     </span>

但我怀疑有更好的方法。我一直找不到它。

Answer 1

根据此处的文档:http://knockoutjs.com/documentation/css-binding.html

<span class="myItem" data-bind="html: name, css: { selected: isSelected()"><span>

效果很好!