knockout.js - 複数のクラスを設定する場合の $index による CSS バインディング

Question

このバインディングで

css: 'item' + $index()

私はこの出力を得る

class="item0"
class="item1"
class="item2"
...

以下のように複数のクラスをバインドする場合、これを使用できませ:ん+。ヒントはありますか？

css: { 'item' + $index(), 'active': $index() == 0 }

回避策は属性バインディングを使用することですが、既存のクラスが既に設定されているため、可能であればそれを避けたいので、それらをバインディングに含める必要があります。

attr: { 'class': 'slider-item item' + $index() + ($index() == 0 ? ' active' : '') }

Answer 1

cssバインディングで同じ文字列連結を行うこともできます:

css: 'item' + $index() + ($index() == 1 ? ' active' : '')

JSFiddle のデモ。