为 table 行创建挖空模板

Question

我正在尝试创建一个剔除模板，它应该为剔除数组中的每一行生成一个 table 行。当我添加下面的代码时，它告诉我 "element script cannot be nested inside element table"

<table>
<tr>
    <th>ID#</th>
    <th>Name</th>
</tr>
<tr data-bind="template: { name: 'EmployeeTemplate', foreach: EmployeesArray }"></tr>
<script type="text/html" id="EmployeeTemplate">
    <td>234567899874</td>
    <td>Mr. Test </td>
</script>

如何使用挖空模板解决此问题？我基于 this link.

Answer 1

<script type="text/html" id="templateName">
    <td data-bind="text: Property"></td>
    <td data-bind="text: Property"></td>
</script>   

<tbody data-bind="foreach: data">
  <tr data-bind="template: { name: 'templateName', data: $data }"></tr>
</tbody>

这应该有效。

为 table 行创建挖空模板

creating knockout template for table row

knockout.js

knockout-templating