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

Question

有没有办法把 DataSource 作为 html 标签？例如：

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

我的问题：我在 ng-repeat 的循环中，每次迭代我都想生成具有不同数据的 kendo 网格。这是我的代码：

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

Answer 1

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

Answer 2

您需要使用 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
     }
   };
};