Question

我有一个在角度控制器上创建的动态kendo表，该表是在点击事件后创建的，在某些表格列中有角度指令。指令未编译，模板不起作用，我得到空白单元格。代码：

   $("#grid" + index).kendoGrid({
    dataSource: {
        transport: {
            read: {
                url: context.param.url.GetData(),
                type: "post",
                dataType: "json",
                data:
                    function () {
                        return {
                            FromDate: obj.CalcDate,
                            ToDate: obj.CalcDate,

                        }
                    }
            }
        },
        schema: {
            data: "Data",
            total: "Total"
        },
        pageSize: 5,
        serverPaging: true,
        serverSorting: true,
        serverFiltering: true
    },
    scrollable: false,
    sortable: true,
    pageable: true,

    columns: [

       {
           field: "AgregationProgramSum",
           title: resource["Productivity_Company_GridAgregationProgramSum"],
           template: "<div custom-directive=#: AgregationProgramSum # ></div>"
       },

    ]
    });

我在chorme debbuger中看到价值进展顺利。 bur指令没有发生

Answer 1

您的指令的代码在哪里？您只需在网格模板中“使用”您的指令即可。

这是我的指示：

     angular.module("KendoDemos")
        .directive('myDirective', function($compile) {
  return {
    restrict: 'E',
    scope: {
      list: '='
    },
    template: '<div ng-repeat="item in list">{{item.name}}</div>',

    replace: true,
    //require: 'ngModel',
    link: function($scope, elem, attr, ctrl) {

    }
  };
});

这是我的网格列使用指令：

                columns: [{
                field: "FirstName",
                title: "First Name",
                width: "120px"
                },{
                field: "LastName",
                title: "Last Name",
                width: "120px"
                },{
                field: "Country",
                width: "120px",
                  hidden: true
                },{
                field: "City",
                width: "120px"
                },{
                field: "Title",
                  template:  "<my-directive data-list='paint'></my-directive>"

            }],

这是工作Dojo。也许你的指令有问题。实际看到你的代码很难说。希望这会有所帮助。

动态kendo表列模板中的Angular Directive

1 个答案: