KnockoutJS 中的模板，空字符串不呈现

Question

我在使用 KnockoutJS 将二维数组呈现为表格时遇到了问题。我创建了一个demo fiddle，但这是相关的模板代码：

<script type="text/x-jquery-tmpl" id="resultRowTemplate">
    <tr data-bind="template: { name: 'resultColumnTemplate', foreach: $data }"></tr>
</script>

<script type="text/x-jquery-tmpl" id="resultColumnTemplate">
    <td>-${$data}-</td>
</script>

<table>
    <tbody data-bind="template: { name: 'resultRowTemplate', foreach: Results }"></tbody>
</table>

我的问题是当数据为空字符串时未呈现 resultColumnTemplate。我猜内部的东西将空字符串视为 null/false 并决定不应该渲染它。

您可以在my fiddle 中看到这一点。我希望它呈现为

-1- -2- -- -4-

而不是我所看到的：

-1- -2- -4-

我有一个解决方法，通过更改我的数据将空字符串替换为单个空格，但希望有人可能对问题有更好的建议或理解。谢谢。

Answer 1

Knockout 在通过 jQuery 模板插件发送之前将每个项目放入自己的数组中，这样它就不会尝试解开本身就是数组的项目。

似乎 jQuery 模板不会呈现为空/null/未定义的数组项。

我认为您的选择是：

• 做你所做的（用“”替换项目）
• 删除最里面的模板并在您的数组上执行{{each}}
• 映射您的数组以使用对象[{value: 1}, {value: 2}, {value: ""}, {value: 4}]