如何在UI上操作$ index

Question

<tbody data-bind="foreach: users"> 
    <tr>
        <td data-bind="text: $index"></td>
        <td data-bind="text: name"></td>
    </tr>  
</tbody>

由于$ index基于0，目前显示0名称。我需要从1开始，我尝试下面的代码

<td data-bind="text: $index + 1"></td>

Answer 1

如果您不想要这个值，请使用$index作为可观察对象，例如：

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

请参阅this fiddle。

KO documentation on binding context也有相关信息（强调我的）：

  

$index（仅在foreach个绑定中提供）

     

这是由foreach绑定呈现的当前数组条目的从零开始的索引。与其他绑定上下文属性不同， $index是一个可观察的，并且只要项目的索引发生更改（例如，如果项目被添加到数组中或从数组中删除）就会更新。