knockout.js - 淘汰赛：数组绑定不起作用

Question

我正在尝试将一个简单的模型绑定到一个简单的表格模板：

var model = {
    addrText: 'Test address text',
    voters: [
        { name: 'First Voter' },
        { name: 'Second Voter' }
    ],
};

ko.applyBindings( model, document.getElementById('residence') );

<div id="residence">
    <div data-bind="text: addrText" />
    <table>
        <tbody data-bind="foreach: voters">
            <tr>
                <td>Name</td>
                <td data-bind="text: name"></td>
            </tr>
        </tbody>
    </table>
</div>

但是，虽然 addrText 正确输出，但 foreach 绑定没有显示任何内容。我确定我错过了一些非常明显的东西，但我就是看不到它。

我正在使用淘汰赛 v2.2.1，调试版。模型创建和绑定发生在通过单击谷歌地图上的标记触发的回调中。

Answer 1

改变：

<div data-bind="text: addrText" />

到：

<div data-bind="text: addrText"></div>

当您跳过正确的结束标签时，Knockout 不喜欢它。

工作小提琴