1

テンプレートと foreach を使用したこのバインドは失敗します。

<div data-bind="template: { name: 'tmplA', foreach: { data: items } }">
</div>

<script id="tmplA" type="text/html">
    <h1 data-bind="text: text"></h1>
</script>

バインディングに使用する JavaScript コード:

ko.applyBindings(
{
    items:
    [
        {
            text: "A"
        },
        {
            text: "B"
        }
    ]
});

エラーを示すフィドル: http://jsfiddle.net/ab3RN/2/

foreach: { data: items }を使用する理由は、afterAdd、afterRender なども使用できるようにするためです。新しいアイテムがレンダリングされるたびにコールバックを呼び出せるようにしたいと考えています。

foreach: アイテムだけを使用すると、バインディングは問題なく機能します。

それはバグですか、それとも私はこれを間違っていますか?

4

1 に答える 1