Css 将布尔值绑定到类

Css 将布尔值绑定到类,css,knockout.js,Css,Knockout.js,我有一个项目列表,我想突出显示“选定”的项目(这是链接到另一个界面的,因此使用纯CSS将不起作用)。我猜我可以做到这一点: <!-- ko if: isSelected --> <span class="selected"> <!-- ko endif --> <span class="myItem">content goes here</span> <!-- ko if: is

我有一个项目列表,我想突出显示“选定”的项目(这是链接到另一个界面的,因此使用纯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>

根据此处的文档:



很好

语法
data bind=“html:name,css:{clsSelected:isSelected}”
应该可以工作。请在浏览器控制台上发布您的准确代码和错误消息(如果有)。是的,我发现了我的问题;我覆盖了其他地方的值,所以它们都是假的。即使我找到了与你发布的答案相同的答案,如果你作为答案发布,我也会给你评分。你应该取消删除你的答案,并将你的问题回滚到第一个版本,以不包含你的尝试和解决方案。
<span class="myItem" data-bind="html: name, css: { selected: isSelected()"><span>