将boolean绑定到类

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>

效果很好！