Question

这是相对简单的，或者我会想到的。

我有一个自定义的Angular指令 - 我可以使用

将它添加到DOM中

<custom-directive ng-model="someAngularScopeObject"></custom-directive>

我的问题是，如何将其用于Kendo Grid列模板。

我的网格是使用DOM角度属性定义的，而剑道网格k-options是在角度范围内指定的。

对于列模板，如何将行的列dataItem绑定到我的自定义指令ng-model？

基本上，在网格的k选项中：

columns: [
        { field: "name", title: "Name" },
        { field: "description", title: "Description" },
        { field: "managerName", title: "Manager",
            template: function (dataItem) {
                //what I care about is dataItem.prop1
                return ("<custom-directive ng-model='???????????'>
                         </custom-directive>");     
        }
    }]

网格和网格的数据源位于Angular控制器的范围

Answer 1

对于R-O模板，您可以这样尝试：

columns: [
    { field: "name", title: "Name" },
    { field: "description", title: "Description" },
    { field: "managerName", title: "Manager",
        template: function (dataItem) {
            //what I care about is dataItem.prop1
            var scope = angular.element("idofelement_with_your_scope").scope();
            scope.someAngularScopeObject = dataItem.prop1;
            return ("<custom-directive ng-model='someAngularScopeObject'>
                     </custom-directive>");     
    }
}]

我没有测试过，但应该做好。我们的想法是在template函数中有一个值，在指令中你需要一个属性/对象来绑定。

如何在Kendo Grid Column中使用Angular指令

1 个答案: