Knockout.js 无容器“foreach”不使用;

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>

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

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

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