javascript – 如何只显示foreach循环绑定中的第一个元素?

前端之家收集整理的这篇文章主要介绍了javascript – 如何只显示foreach循环绑定中的第一个元素?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用knockout-2.2.0.js.我在observableArray上创建了一个foreach循环绑定,我想只显示数组中的第一个元素.为此我试过:(两个都不起作用)

第一

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

第二

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

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

解决方法

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

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

所以正确的绑定是:

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

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

演示JSFiddle.

注意:如果你真的只想显示第一个项目,那么你应该更喜欢文本:myArray()[0]版本,因为它比你想做的更干净.

猜你在找的JavaScript相关文章