テンプレートと 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: アイテムだけを使用すると、バインディングは問題なく機能します。
それはバグですか、それとも私はこれを間違っていますか?