Knockout-sortable - 列表项中的多个元素

Question

我正在处理以下示例 jsfiddle 并将其更改为此 jsfiddle

我正在尝试更改它以允许将多个元素绑定到数组中的一个对象，但是无论我做什么，都只会呈现具有数据绑定的第一个元素。我确定我用错了，但是我不明白为什么我错了。

下面不应该渲染两个标签，第一个带有名称，第二个带有 ID？

<div class="list">
    <h2>Stored procedures In DB 2</h2>
    <ul class="list" id="sortableForDB_2" data-bind="sortable: storedProceduresInDB2">
        <li><div><label class="item" data-bind="text: Name" />
                 <label class="item" data-bind="text: Id" /></div></li>
    </ul>
</div>

提前谢谢你

编辑 1：顺便说一句，这肯定与数据绑定有关，因为以下工作正常：

<div class="list">
    <h2>Stored procedures In DB 2</h2>
    <ul class="list" id="sortableForDB_2" data-bind="sortable: storedProceduresInDB2">
        <li><div><label>1</label>
                 <label>2</label></div></li>
    </ul>
</div>

Answer 1

label 元素必须正确形成绑定才能工作 - 即它必须有一个结束标记：

<div class="list">
    <h2>Stored procedures In DB 2</h2>
    <ul class="list" id="sortableForDB_2" data-bind="sortable: storedProceduresInDB2">
        <li><div><label class="item" data-bind="text: Name"></label>
            <label class="item" data-bind="text: Id"></label></div></li>
    </ul>
</div>

Updated fiddle

关于label element的正确格式：

标签省略：无，开始和结束标签都是强制性的。