Knockout:数组绑定不起作用

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绑定中.我确定我错过了一些非常明显的东西,但我看不到它.

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

Answer 1

更改:

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

至:

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

当您跳过正确的结束标记时,Knockout不喜欢它.

工作小提琴