Как использовать сетку Kendo в 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