Knockout no está evaluando una expresión al usar $ index en un enlace

Question

¿Por qué, cuando trato de usar knockout.js para enlazar texto usando $ index, obtengo el código de una función en lugar de un número?

<tbody data-bind="foreach: MyList"> 
    <tr> 
    <td><span data-bind="text: $index + 1"></span></td> 
    </tr> 
</tbody> 

En lugar de obtener 1, 2, 3, etc., me sale esto:

se puede ver, el último carácter de la imagen de arriba, que mi índice de cero es se agrega a 1. Si elimino el '+ 1' de mi enlace, obtengo 0, 1, 2 en lugar de la función.

¿Cómo le digo a knockout que evalúe la expresión? Tengo el mismo problema cuando envío el formulario. Mis campos de cadena se envían como una función en lugar del valor.

Answer 1

$ index es un observable, que es una función. Trate <span data-bind="text: $index() + 1"></span>

Answer 2

Si utiliza

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

y, por ejemplo el valor del índice es 2, el texto de su período será: 21 y no 3.

debe definir una función en su modelo de vista , de esta manera:

self.itemNumber = function(index) { 
    return index + 1; 
} 

y luego en su tramo que debe hacer:

<span data-bind="text: $root.itemNumber($index())"></span> 

Espero que esto ayude :)