Knockout nie ocenia wyrażenia podczas używania $ index w powiązaniu

Question

Dlaczego podczas próby użycia knockout.js do wiązania tekstu za pomocą $ index, otrzymuję kod funkcji zamiast liczby?

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

Zamiast się 1, 2, 3 itd., Mam to:

Można zobaczyć, do ostatniego znaku w powyższy obrazek, że mój wskaźnik zera jest dodane do 1. Jeśli usunę "+ 1" z mojego powiązania, otrzymam 0, 1, 2 zamiast funkcji.

Jak powiedzieć nokautowi, aby ocenić wyrażenie? Mam ten sam problem, kiedy przesyłam formularz. Moje pola łańcuchowe są przesyłane jako funkcja zamiast wartości.

Answer 1

Indeks $ jest obserwowalny, co jest funkcją. Spróbuj <span data-bind="text: $index() + 1"></span>

Answer 2

Jeśli używasz

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

i na przykład swoją wartość indeksu wynosi 2, tekst swojej rozpiętości będzie wynosić: 21, a nie 3.

należy zdefiniować funkcję w ViewModel coś takiego:

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

a następnie w swojej rozpiętości należy zrobić:

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

Mam nadzieję, że to pomoże :)