设置多个类时使用$ 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.