Angular 6 + Kendo UI - 网格数据显示不正确

Question

我正在使用 Kendo 网格来显示来自过滤请求的数据。我的模板只重复显示同一行（第一行数据），而不是正确地迭代数据。数据行的正确编号是垂直显示的，但每次都是相同的数据，因为它没有正确迭代。（我也尝试将 *ngFor 放在 kendoGridCellTemplate 的 ng-template 中。）当我玩我的代码时，例如，如果我将我的 *ngFor 放在 ngContainer 中，我可以看到代码可以迭代，但每次水平创建一个完整的列 X 次。

我做错了什么？我该如何着手解决这个问题？

示例 >>其中 myRequests = Request[] >>

 <kendo-grid [data]="myRequests">
    <kendo-grid-column field="name" title="Name" width="100px">
      <ng-template kendoGridHeaderTemplate>
        <div>Name</div>
      </ng-template>
      <div *ngFor="let request of myRequests>
        <ng-template kendoGridCellTemplate field="name" let-dataItem>
          {{ name(request) }}
        </ng-template>
      </div>
    </kendo-grid-column>
 </kendo-grid>

Answer 1

根据您提供的示例，您仅为我们数据源的 field="name" 声明了一个 kendo 网格列。然后迭代您的 myRequests 以生成多个模板。但是您也将 myRequests 作为数据源传递给网格。

我相信 kendo-grid-column 只接受一个 kendoGridCellTemplate 内容子项。

试试这个

  <kendo-grid [data]="myRequests">
    <kendo-grid-column field="name" title="Name" width="100px">
      <ng-template kendoGridHeaderTemplate>
        <div>Name</div>
      </ng-template>

      <ng-template kendoGridCellTemplate field="name" let-dataItem>
        <!-- Define your template here -->
        <!-- Your intent of looping and calling a function is unclear from the question -->
        <!-- Kendo will iterate over `myRequests` and pass each request into the `dataItem` template variable -->
        {{ name(dataItem) }}
      </ng-template>
    </kendo-grid-column>
 </kendo-grid>

Angular 6 + Kendo UI - 网格数据显示不正确

Angular 6 + Kendo UI - Grid data not displaying correctly

kendo-grid

kendo-ui-angular2

angular

angular6