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不喜欢它。

工作fiddle

Knockout：数组绑定不起作用

1 个答案: