如何将Kendo-grid用于Angular-ngRepeat

Question

如何kendo-grid为每次迭代生成不同的数据ng-repeat？

HTML代码:

<div ng-repeat="PricesPerGroup in AllGroups">
    <kendo-grid options="GridOptions"></kendo-grid>
</div>

JavaScript代码:

$scope.GridOptions = {
    dataSource: {
        data: {
            (data is current 'PricesPerGroup' - Should bring it from ng-repeat)
        }
    }
}

Answer 1

尝试使用将返回正确的配置对象的辅助函数:

<div ng-repeat="PricesPerGroup in AllGroups">
    <kendo-grid options="getGridOptions(PricesPerGroup)"></kendo-grid>
</div>

在控制器中:

$scope.getGridOptions = function(data) {
    return {
        dataSource: {
            data: data
        }
    };
};

演示:http://dojo.telerik.com/eFaXA