Knockout.js containerless "foreach" không làm việc với <table>

Question

Mã này ném lỗi (trong Chrome): "Không thể tìm thấy thẻ đóng bình để phù hợp: ko foreach: MyPlans":

<table> 
    <!-- ko foreach: MyPlans --> 
    <tr> 
     <td>Test</td> 
    </tr> 
    <!-- /ko --> 
</table> 

Nếu tôi sử dụng một thay vào đó, tất cả mọi thứ hoạt động:

<ul> 
    <!-- ko foreach: MyPlans --> 
    <li> 
     Test 
    </li> 
    <!-- /ko --> 
</ul> 

Tôi muốn sử dụng bộ lọc không có thùng chứa bàn. Có điều gì tôi đang làm sai? Nó là một lỗi?

Answer 1

Điều này liên quan đến thực tế là trình duyệt tự động chèn các thẻ tbody, điều này tạo ra sự không phù hợp trong nhận xét. Kết quả trả lại sẽ trông giống như:

<table> 
    <!-- ko foreach: MyPlans --> 
    <tbody> 
    <tr> 
     <td>Test</td> 
    </tr> 
    <!-- /ko --> 
    </tbody> 
</table> 

Steve đã đưa một số công việc vào cố gắng để sửa thẻ không phù hợp trong KO, nhưng điều đơn giản nhất để bạn có thể làm là hãy thêm các tbody mình hoặc thêm tbody và đưa bạn ràng buộc trên đó.

<table> 
    <tbody data-bind="foreach: MyPlans"> 
    <tr> 
     <td>Test</td> 
    </tr> 
    </tbody> 
</table> 

Hợp pháp để bàn có nhiều thẻ tbody, nếu cần.