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

ここのドキュメントによると: http://knockoutjs.com/documentation/css-binding.html

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

よく働く！