if-statement - KnockoutJS DRY if 语句

Question

使用 knockout.js 我已经遇到过几次这个问题了。似乎我对仅更改一行中的单个属性的简单 if 语句做了很多重复。

<!-- ko foreach: $data.content -->
    <!-- ko if: $index() === 0 -->
        <div class='tab-pane active'>
    <!-- /ko -->
    <!-- ko if: $index() !== 0 -->
        <div class='tab-pane'>
    <!-- /ko -->
<!-- /ko -->

此示例是一个简单的演示，但问题出现在更复杂的行中，这显然使其非常容易出现错误。

淘汰赛是否提供任何类型的内联if语句，是否有任何其他方法可以解决此代码重复？

Answer 1

您可以使用css绑定来添加 css 类：

<!-- ko foreach: $data.content -->
   <div class='tab-pane' data-bind="css: {active: $index() === 0 } "></div>
<!-- /ko -->