Knockout non sta valutando un'espressione quando si usa $ index in un binding

Question

Perché, quando provo a usare knockout.js per legare del testo usando $ index, ottengo il codice di una funzione invece di un numero?

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

Invece di ottenere 1, 2, 3, ecc, ottengo questo:

si può vedere, per l'ultimo carattere nell'immagine sopra, che il mio indice di zero è aggiunta a 1. Se rimuovo il '+ 1' dal mio binding, ottengo 0, 1, 2 invece della funzione.

Come si dice a knockout per valutare l'espressione? Ho lo stesso problema quando invio il modulo. I miei campi di stringa vengono inviati come funzione al posto del valore.

Answer 1

$ index è un osservabile, che è una funzione. Prova <span data-bind="text: $index() + 1"></span>

Answer 2

Se si utilizza

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

e, ad esempio il valore di indice è 2, il testo del vostro arco sarà: 21 e non 3.

si dovrebbe definire una funzione nel vostro ViewModel , in questo modo:

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

e poi nel vostro arco si dovrebbe fare:

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

Spero che questo possa aiutare :)