javascript - 如何只显示 foreach 循环绑定(bind)中的第一个元素？

Question

我正在使用 knockout-2.2.0.js。我在 observableArray 上创建了一个 foreach 循环绑定(bind)，我只想显示数组中的第一个元素。为此，我尝试了:(都不起作用)

首先

        <!-- ko foreach: myArray -->
          <span data-bind="text: $data, visible: $index == 0"></span>
        <!-- /ko -->

第二

        <span data-bind="text: myArray[0]"></span>       

我知道有一个 _destroy 属性，如果在任何数组元素上设置该属性，则该元素将从 UI 中的 foreach 循环绑定(bind)中排除。但我不想在我的情况下使用它。谁能告诉我我在这里做错了什么？

Answer 1

您走在正确的轨道上。但是你忘了在你的两个例子中都放出 () 。

myArray 是一个可观察的数组，$index 是一个可观察的，所以它们是函数，所以你需要用 () 调用它们作为函数来在表达式中获取它们的值。

所以正确的绑定(bind)是:

<!-- ko foreach: myArray -->
    <span data-bind="text: $data, visible: $index() == 0"></span>
<!-- /ko -->

和

<span data-bind="text: myArray()[0]"></span>  

演示 JSFiddle .

注意:如果您真的只想显示第一个项目，那么您应该更喜欢 text: myArray()[0] 版本，因为它在您尝试做的事情上更加清晰。