html - 在 Knockoutjs 中获取 foreach 别名的索引

Question

我为 Knockout 的 foreach 的每个数据提供了一个别名，这样我就可以在另一个嵌套的 foreach 中调用它。现在我想获取别名的索引。我尝试了 '.index()' 和 '.$index' 但没有用。

<!-- ko foreach: {data: subjects, as: 'subject' }-->
/*nested foreach*/
subject.index() <-- undefined
<!-- /ko-->

求助，谢谢

Answer 1

您可以使用标准的 javascript 函数 Array.indexOf()

<!-- ko foreach: {data: subjects, as: 'subject' }-->
/*nested foreach*/
  <span data-bind="text: subjects.indexOf(subject)"></span>
<!-- /ko-->  

$index 上下文值只能用于非虚拟的 for-each，例如

<ul data-bind="foreach: categories">
   <span data-bind="text: $index"></span>
</ul>