根据淘汰赛foreach指数绑定类

时间:2017-07-08 22:43:33

标签: html twitter-bootstrap knockout.js

我需要在标签组中创建第一个项目,处于活动状态。我试图使用foreach的索引,并根据它设置类。

    <ul class="nav nav-tabs" data-bind="foreach: TemplateGroups">
        <li data-bind="css: {active: $index==0}"><a data-toggle="tab" href="#tb1"><span data-bind="text: Description"></span></a></li>
    </ul>

但是,该项目不会变为活动状态。我错过了什么?

1 个答案:

答案 0 :(得分:1)

来自Binding context

$index是一个可观察的,只要项目的索引发生变化就会更新

可观察是一种功能。

然后,您正在将函数与数字进行比较,并且始终为false。

您应该使用有效:$index() == 0$index() === 0

示例:Codepen