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。