淘汰赛 foreach 绑定中的 $index+1 [英] $index+1 in Knockout foreach binding

问题描述

我需要在表格中显示 $index+1.

I need to display $index+1 in a table.

如果我只使用$index，所有元素都会从0开始，我需要从1开始.

If I just use the $index all the elements will start from 0, I need to start at 1.

这是淘汰赛的文档:http://knockoutjs.com/documentation/foreach-binding.html

在那里你可以找到这个例子:

In there you can find this example:

<h4>People</h4>
<ul data-bind="foreach: people">
    <li>
        Name at position <span data-bind="text: $index"> </span>:
        <span data-bind="text: name"> </span>
        <a href="#" data-bind="click: $parent.removePerson">Remove</a>
    </li>
</ul>
<button data-bind="click: addPerson">Add</button>

所以它会显示以下内容:

So it will display the following:

人

位置 0 处的名称:Bert Remove

Name at position 0: Bert Remove

位置 1 的名称:Charles Remove

Name at position 1: Charles Remove

位置 2 的名称:Denise Remove

Name at position 2: Denise Remove

我真的需要这只是为了显示目的.

I really need this to be just for display purposes.

位置 1 的名称:Bert Remove

Name at position 1: Bert Remove

位置 2 的名称:Charles Remove

Name at position 2: Charles Remove

位置 3 的名称:Denise Remove

Name at position 3: Denise Remove

我试过没有成功 <span data-bind="text: ($index + 1)"></span>

推荐答案

$index 是一个 observable.所以你需要这样使用它:

$index is an observable. So you need to use it this way :

<span data-bind="text: ($index() + 1)"> </span>

这篇关于淘汰赛 foreach 绑定中的 $index+1的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！