剣道MVVM私はページをバインドするために剣道に観察使用しています適切に

Question

を動作していない結合。期待どおりのコード作業に続いて、IssueHeadersはオブジェクト配列であり、2つの項目を持っています。最初のテンプレートは適切に2回レンダリングされ、サブテンプレートは8回レンダリングされます。

<div data-template="issue-detail-template" data-bind="source: IssueHeaders"></div> 

<script id="issue-detail-template" class="issue-detail-template" type="text/x-kendo-template">   
    <div data-template="issue-group-detail-template" data-bind="source:IssueGroups"></div> 
</script> 

<script id="issue-group-detail-template" class="issue-group-detail-template" type="text/x-kendo-template"> 
    <span class="kptext" data-bind="text : Name"></span> 
</script> 

しかし、私はそれが唯一の最初のアイテムをレンダリングする最初のテンプレートに名前を追加します。

<script id="issue-detail-template" class="issue-detail-template" type="text/x-kendo-template"> 
    <span data-bind="text : Name"></span> 
    <div data-template="issue-group-detail-template" data-bind="source:IssueGroups"></div> 
</script> 

なぜ？どうしたんだ？

Answer 1

問題を解決するためのdivタグ内のテンプレートコンテンツを囲みます。

<script id="issue-detail-template" class="issue-detail-template" type="text/x-kendo-template"> 
    <div> 
     <span data-bind="text : Name"></span> 
     <div data-template="issue-group-detail-template" data-bind="source:IssueGroups"></div> 
    </div> 
</script> 

これはテンプレートコンテンツに単一のルート要素を与え、テンプレート化プロセスは、その後正常に動作します。まさに理由は、私が言うことはできませんが、それ以外は単なる気まぐれ/欠点です。