使用 $index 和 if 绑定的 knockout.js答案

【问题标题】：knockout.js using $index with if binding使用 $index 和 if 绑定的 knockout.js
【发布时间】：2012-07-04 07:54:17
【问题描述】：

我正在尝试根据$index 的值显示一些标记，我可以显示该值，但我似乎无法将它与if 绑定一起使用，这里最好的方法是什么？

<!-- ko if: $index===0 -->
  <div>some mark up here</div>
<!-- /ko -->

【问题讨论】：

标签： javascript knockout.js

【解决方案1】：

$index 是一个可观察对象，而可观察对象是函数。在表达式中使用 observable 时，必须使用 () 形式来访问值。

<!-- ko if: $index() === 0 -->

【讨论】：

【解决方案2】：

来自knockout bindings page

$index（仅在 foreach 绑定中可用）

这是当前正在呈现的数组条目的从零开始的索引通过 foreach 绑定。与其他绑定上下文属性不同， $index 是一个 observable 并且每当项目的索引时更新更改（例如，是否将项目添加到数组中或从数组中删除）。

例子

<div data-bind="foreach: details.additionalDetails">
    <!-- ko if: $index() !== 0 -->
        <span> | </span>
     <!-- /ko -->
        <span data-bind="text: name"></span> <span data-bind="text: value"></span>
</div>

结果

Model #: UAI5021 | Catalog #: UIOY786

【讨论】：