带有角大括号的 Kendo UI 网格在列模板中没有绑定值

Question

我刚刚开始使用 kendo-ui 网格并创建了我的列，并且一切都与返回的数据一起工作。我尝试在我的列定义中添加一个模板值，并且 kendo 文档说我应该能够使用 {{dataItem.something}} 来访问模板中的值。这不起作用。然而，<span ng-bind='dataItem.something'></span> 工作正常。为什么会这样，我怎样才能让花括号绑定工作？谢谢。

这是我正在做的伪代码的 sn-p：

在我的 html 和控制器中（我省略了所有其他选项，如数据源等）：

this.gridOptions = {
       columns: [ 
        {
          field: 'valueOne',
          template: "<span ng-bind='dataItem.valueOne'></span>" // THIS WORKS
        },
        {
          field: 'valueTwo',
          template: "{{dataItem.valueTwo}}" // THIS DOES NOT WORKS
        }
      ]
    };

<div ng-controller="gridController as vm">   
    <div kendo-grid k-options="vm.gridOptions"></div>
</div>

我正在尝试的内容来自剑道文档和演示：
http://docs.telerik.com/kendo-ui/AngularJS/the-grid-widget#template‌​s
http://dojo.telerik.com/ikEKIr

Answer 1

TL;DR; 通过删除 kendo-angular.js 绑定按预期工作。 kendo-angular.js 库仍然包含在我们的构建中，并且与 kendo.all.js 冲突

更多： kendo-angular.js 库已弃用，支持已移至 kendo 专业版。角度功能已移至 kendo.all.js。这些文档非常具体地以特定顺序包含库。包含顺序必须是 JQuery、Angular 和 Kendo。我检查了这一点，并确保尝试所有脚本的最新版本，还尝试使用演示中使用的特定版本。然而，在深入研究我们的脚本之后，我们发现我们的构建脚本仍然包括 kendo-angular.js 。删除这个解决了我的问题。

Answer 2

应用程序初始化后不能使用角度模板，当你插入新的 HTML 角度时会忽略它。

剑道有自己的模板标签：

哈希语法的三种使用方式：

• 将值呈现为 HTML：#= #。
• 使用 HTML 编码显示值：#: #。
• 执行任意JavaScript代码：# if (true) { # ... non-script content here ... # } #.

您也可以将函数用作模板：

template:   
    function (e) {
                if (e.type !== 1)
                    return "";
                return '<input type="checkbox"' + (e.canExecute ? 'checked="checked"' : '') + 'disabled="disabled" />';
            }

您也可以查看docs 了解更多信息