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 与表格一起使用。有什么我做错了吗？是bug吗？

Answer 1

这与浏览器自动插入tbody 标签有关，这会在 cmets 中造成不匹配。呈现的输出将如下所示：

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

Steve 确实在尝试纠正 KO 中不匹配的标签方面做了一些工作，但对您来说最简单的方法是自己添加 tbody 或添加 tbody 并将绑定放在上面。

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

如果需要，一个表可以有多个tbody 标签是合法的。