Question

我正在使用 Kendo 网格来显示已过滤请求中的数据。我的模板仅重复显示同一行（数据的第一行），而不是正确地迭代数据。垂直显示正确的数据行号，但是每次都是相同的数据时，它不会正确地进行迭代。（我也尝试将* ngFor放在ng-template的{{1}}中。）例如，当我处理代码时，如果将我的* ngFor放在kendoGridCellTemplate中，则可以看到代码可以进行迭代，但是每次X倍的水平创建一个完整的列。

我在做什么错？我应该如何解决这个问题？

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

ngContainer

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-网格数据无法正确显示

1 个答案: