2

シンプルなモデルをシンプルなテーブル テンプレートにバインドしようとしています。

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、デバッグ バージョンを使用しています。モデルの作成とバインドは、Google マップのマーカーをクリックしてトリガーされるコールバック内で行われます。

4

1 に答える 1

5

変化する:

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

に:

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

適切な終了タグをスキップすると、ノックアウトは気に入りません。

働くフィドル

于 2013-07-09T15:02:07.387 に答える