knockout.js - observablearray - $ index+1 en enlace foreach Knockout

knockout select value binding

Question

Necesito mostrar $index+1 en una tabla.

Si solo uso el $index todos los elementos comenzarán desde 0, necesito comenzar por 1.

Aquí está la documentación de knockout: http://knockoutjs.com/documentation/foreach-binding.html

Ahí puedes encontrar este ejemplo:

<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>

Entonces mostrará lo siguiente:

Gente

Nombre en la posición 0: Bert Eliminar

Nombre en la posición 1: Charles Remove

Nombre en la posición 2: Denise Quitar

Realmente necesito que esto sea solo para mostrarlo.

Nombre en la posición 1: Bert Eliminar

Nombre en la posición 2: Charles Remove

Nombre en la posición 3: Denise Eliminar

Intenté esto sin éxito <span data-bind="text: ($index + 1)"> </span>

Answer 1

$ index es un observable. Entonces debes usarlo de esta manera:

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

Answer 2

Encontré la respuesta aquí: Knockout no está evaluando una expresión al usar $ index en un enlace

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