css - 将布尔值绑定到类

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

According to the documentation here: http://knockoutjs.com/documentation/css-binding.html

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

Works great!