从可观察数组中获取第 n 个项目

Question

我正在学习 Knockout，并且有一个由 4 个项目组成的 pdfs 可观察数组。我需要项目的 HTML 输出如下所示：

Intro Text
[Item 1].name is located in [Item 1].location

Some links, other body text
[Item 2].name is located in [Item 2].location
[Item 3].name is located in [Item 3].location
[Item 4].name is located in [Item 4].location

我找到了一些引用 data-bind="text: pdfs[nth].name" 的地方，但如果我这样做，我会得到“未定义 pdf”或类似信息。我意识到我可以使用两个 foreach 循环和 <!-- ko if: $index() == nth -->，但肯定有更好的方法吗？

这似乎是一些人想要做的事情，所以我希望有一个强大的解决方案。我意识到我在这里谈论的是第一项（其他所有内容都可以在foreach 中循环播放），但我对nth 总体感兴趣（如果我想说，第 3 项在某个特别的地方） .

*如果可能的话，我真的不想创建自定义绑定

Answer 1

你试过data-bind="text: pdfs()[nth].name"吗？

查看此页面上的“从 observableArray 读取信息”：http://knockoutjs.com/documentation/observableArrays.html。如果pdfs 是一个可观察数组，那么要获取底层数组（以便您可以使用[] 对其进行索引），您需要调用该函数。因此，()。