Javascript Knockout.js嵌套foreach

我有一个键值对（KVP）列表，我想在每个表行中列出2个KVP。根据我有限的敲除知识，我认为如果我有一个数组，那么我可以使用嵌套的

foreach

来实现这一点

jsfiddle代码

但这并不像预期的那样输出表单元格。怎么了

编辑：更新的小提琴链接使用：

KVPairs:ko.observearray（filter.KVPairs）

使用：

---

KVPairs:ko.observableArray（filter.KVPairs）

我似乎不明白你的问题。不过，如果你想知道如何显示电话号码，我会把这个保留下来。

---

您的foreach应位于tbody标签上：

另外，我添加了一个虚拟元素

<!-- ko foreach: phones -->
<td>
    <select data-bind="value: type, options: $root.types"></select>
    <input data-bind='value: number' />
</td>
<!-- /ko -->

---

看来我不明白你的问题。不过，如果你想知道如何显示电话号码，我会把这个保留下来。

---

您的foreach应位于tbody标签上：

另外，我添加了一个虚拟元素

<!-- ko foreach: phones -->
<td>
    <select data-bind="value: type, options: $root.types"></select>
    <input data-bind='value: number' />
</td>
<!-- /ko -->

但这不是预期的输出表格单元格

，请您清楚地解释问题，我们如何在您给定的小提琴上生成问题？@gaurav，您只需单击run即可查看输出。我本来想要一张2x2的桌子，但什么也没有。当我使用chrome检查html时，我只看到生成的，但没有…请让我知道我是否可以进一步澄清。抱歉，刚刚发现fiddle链接是错误的。我更新了它。

但这不是预期的输出表格单元格

，请您清楚地解释问题，我们如何在您给定的小提琴上生成问题？@gaurav，您只需单击run即可查看输出。我本来想要一张2x2的桌子，但什么也没有。当我使用chrome检查html时，我只看到生成的，但没有…请让我知道我是否可以进一步澄清。抱歉，刚刚发现fiddle链接是错误的。我更新了。顺便说一下，那是小提琴的第23行。您正在引用外部传入的筛选器列表，而不是内部变量筛选器。谢谢！！为我的错误感到羞耻：（顺便说一句，这是小提琴的

第23行。你引用的是外部传入的过滤器列表，而不是内部变量过滤器。谢谢！！我为这个错误感到羞耻：(