带有模板选项的 Angular-Kendo TreeView答案

【问题标题】：Angular-Kendo TreeView with template option带有模板选项的 Angular-Kendo TreeView
【发布时间】：2015-01-20 17:21:48
【问题描述】：

我正在尝试向 TreeView 数据项添加一些内联图标，但是 k-template 指令似乎没有呈现任何内容。

我基于

的在线文档

         http://demos.telerik.com/kendo-ui/treeview/angular

这是我正在尝试做的事情：

treeview plunkr

我的 HTML（带有一个简单的测试）

<div id="treeview" kendo-tree-view="nav.treeview"             
                k-options="nav.treeOptions"
                k-data-source="nav.reportsTreeDataSource"
                k-on-change="nav.onTreeSelect(dataItem)">
    <span k-template>{{dataItem.text}} TEST THIS TEMPLATE !!!</span>        
</div>

这是来自我的数据上下文服务的数据源的 sn-p：

function getReportsTree() {
        var reportsJson = [
            {
                id: 1, text: "Standard", expanded: false, spriteCssClass: "rootfolder", checkChildren: true, items: [ 
                            { id: 3, text: "MTM Aggr", reptName: "MTM Aggr", spriteCssClass: "folder" },
                            { id: 4, text: "Member Aggr", reptName: "Member Aggr", spriteCssClass: "folder" }
                        ]
            },
            {
                id: 30, text: "Hierarchy", expanded: false, spriteCssClass: "rootfolder", checkChildren: true, items: [
                            { id: 31, text: "Ctpy Hrchy", reptName: "CTPYHIER", withHierarchy: 'true' },
                            { id: 32, text: "Ctpy/BkgLocation Hrchy", reptName: "CTPYHIER_BKG_LOC", withHierarchy: 'true' }
                ]
            }
        ];
        return $q.when(reportsJson);
    }

显示渲染树的图像，其中模板未渲染：

我需要知道我是否在这里遗漏了一些关键部分，或者我的格式是否不正确。

提前谢谢你，

鲍勃

**** 更新 **** 我现在正在检查我的 Kendo UI 库是否落后了几个版本。这可能与我的问题有关。

【问题讨论】：

我可能有一个过时的库，专门用于这个带有模板的树视图功能......

标签： kendo-treeview

【解决方案1】：

需要将 Kendo UI 库更新到 2014.3.1308 才能将 k-template 选项嵌入到树视图中。

但是我确实发现了一个小错误，即使在他们的演示网站上也是如此 - 当您展开树节点时，同一级别的文本变成文字 {{dataItem}}。

【讨论】：