Knockout.js無容器 「的foreach」 不<table>

Question

此代碼工作拋出（在Chrome）的錯誤： 「找不到註釋結束標籤匹配：KO的foreach：MyPlans」：

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

如果我使用列表來代替，一切正常：

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

我想用一個表的無容器foreach。有什麼我做錯了嗎？這是一個錯誤嗎？

Answer 1

這與瀏覽器自動插入tbody標籤有關，這會在評論中造成不匹配。渲染輸出如下：

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

史蒂夫也把一些工作納入試圖糾正在KO不匹配的標籤，而是爲你做最簡單的事情是用戶可以自己添加tbody或添加tbody，並把你的綁定在上面。

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

是合法的表有多個tbody標籤，如果需要的話。