Question

我试图在我的角度js应用程序中使用Kendo网格。我正在创建一个指令，所以我可以在应用程序中的不同表中使用它。一旦ng-repeat呈现我要调用的dom： element.kendogrid（）。由于ng-repeat没有渲染后回调，有些人建议使用两个指令： 1 -

angular.module（ '应用'）

.directive('rowDirective', function () {
    return function(scope, element){
        if (scope.$last){
            scope.$emit('LastElementMessage');
        }
    };
});

2 -

angular.module（ '应用'）

.directive('tableDirective', function () {
    return function(scope, element){
        scope.$on('LastElementMessage', function(event){
            $(element).kendoGrid({
                scrollable: true,
                sortable: true,
            });
        });
    }
});

这种方法运行正常，一切都按照应有的顺序执行。 ng-repeat工作正常，这意味着它以正确的顺序呈现项目，但是当我使用kendo-grid时，它在网格内呈现：{{customer.CustomerID}}。有没有人经历过这样的事情？

Answer 1

好吧，也许你应该看看http://kendo-labs.github.io/angular-kendo/的Angular Kendo UI项目 - 它确实很好地结合了＆＃34;结婚＆＃34;使用AngularJS的Kendo UI。

Answer 2

见http://demos.telerik.com/kendo-ui/grid/angular。

有一些特定的自定义指令可以让kendo ui与角度js很好地配合。例如。 k-data-source，k-columns，k-selectable，k-pageable 。这些应该包含在最新版本的kendo ui中。只需确保将“kendo.directives”作为对顶级模块的依赖：

var MyModule = angular.module('MyModule', ["ngRoute", "kendo.directives"]);

kendo ui angular js grid ng-repeat

2 个答案: