jquery - 配列ノックアウト内の配列の方法

Question

私は配列を持っています。

そして私はテーブルを持っています：

これは私のテンプレートです：

私がやりたいのは、VegType ごとに、キャロット用に 1 つのチェックボックス、ポテト用に 1 つ、ETC 用に 1 つのチェックボックスがあることです。

表示されるのは次のとおりです。

などなど…

しかし、VegID と VegiType を各チェック ボックスの横に表示する必要があります。

誰かがこれを手伝ってくれることを願っています。

ありがとう

Answer 1

チェックボックスの生成をラップする別の foreach が必要なようです。

<tbody data-bind="foreach: VegType" >
    <label data-bind="text: Vegitype"></label>
    <input type="checkbox" data-bind="attr:{id: VegID}"/>

アップデート：

わかりましたので、次のようなことをしたいようです:

<script type="text/html" id="a-template">
<tr>
    <td>
    <span data-bind="text: INFOTEXTAREA"></span>
    <textarea></textarea>
    <span data-bind="text: ID"></span>
    <ul data-bind="foreach: VegType">
    <li>
        <label data-bind="text: Vegitype"></label>
        <input type="checkbox" data-bind="attr:{id: VegID}" />
    </li>
    </ul>

</tr>
</script>