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>

但是当我将Name添加到第一个模板时，它只渲染第一个项目。

<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>

这为模板内容提供了单个根元素，然后模板化过程正常工作。究竟为什么，我不能说，除了这只是一个需要注意的怪癖/缺点。