kendo mvvm綁定無法正常工作

Question

我正在使用kendo observable綁定頁面。下面的代碼工作如我所料，IssueHeaders是一個對象數組，它有兩個項目。第一個模板正確渲染兩次，其子模板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> 

這使模板內容單一的根元素，然後在模板過程中正常工作。至於爲什麼，我不能說，除了這僅僅是一個要知道的怪癖/缺點。