Kendo-grid AngularJs:将DataSource放在HTML标记中

Question

有一种方法可以将DataSource作为html标记吗？例如：

<kendo-grid dataSource.data="SomeDataFrom$Scope" options="GridOptions"></kendo-grid>

我的问题是:我在ng-repeat的循环中，每次迭代时，我都想用不同的数据生成剑道网格。这是我的密码：

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

Answer 1

您需要使用k-data-source属性：

<div ng-repeat="PricesPerGroup in AllGroups">
    <kendo-grid k-data-source="PricesPerGroup"></kendo-grid>
</div>

如果必须使用k-options，则使用$scope函数，该函数将创建以下选项：

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

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

Answer 2

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