Knockout không đánh giá biểu thức khi sử dụng chỉ mục $ trong một ràng buộc

Question

Tại sao khi tôi cố gắng sử dụng knockout.js để ràng buộc một số văn bản bằng cách sử dụng $ index, tôi nhận được mã của một hàm thay vì một số?

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

Thay vì nhận được 1, 2, 3 vv, tôi có được điều này:

Bạn có thể nhìn thấy, bởi ký tự cuối cùng trong hình trên, chỉ số của tôi về zero là được thêm vào 1. Nếu tôi xóa '+ 1' khỏi liên kết của mình, tôi nhận được 0, 1, 2 thay vì hàm.

Tôi làm cách nào để yêu cầu loại trực tiếp đánh giá biểu thức? Tôi có cùng một vấn đề khi tôi gửi biểu mẫu. Các trường chuỗi của tôi đang được gửi dưới dạng hàm thay vì giá trị.

Answer 1

$ chỉ số là một quan sát, là một hàm. Hãy thử <span data-bind="text: $index() + 1"></span>

Answer 2

Nếu bạn sử dụng

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

và ví dụ giá trị chỉ số của bạn là 2, các văn bản của nhịp của bạn sẽ là: 21 và không 3.

bạn nên xác định một hàm trong ViewModel của bạn , như thế này:

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

và sau đó trong khoảng thời gian của bạn, bạn nên làm:

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

Tôi hy vọng điều này sẽ giúp :)