Question

错误：获取＆＃34;无法读取属性＆＃39;统计信息＆＃39;未定义的

JSON：

this.obj1：数组（5） [0]：data1 id：1，名称：AAA， stats：数组（4） [0]：数据2 短名称：＆＃39; 1＆＃39;，价值：23，地址：＆＃39; 123 wilson dr＆＃39;， subHeader：true， subHeaders：[{....}]

Kendo UI：

<kendo-grid [data]="obj1" [scrollable]="'scrollable'" [style.height.px]="400">
  <ng-template kendoGridNoRecordsTemplate>
    <b>No statistics found!</b>
  </ng-template>
  <ng-template ngFor [ngForOf]="column.stats" let-column>
    <kendo-grid-column title="{{column.shortname}}" [width]="90" *ngIf="!column.subHeader; else elseBlock">
      <ng-template kendoGridCellTemplate>
        {{column.value}}
      </ng-template>
    </kendo-grid-column>
    <ng-template #elseBlock>
      <kendo-grid-column-group title="{{column.shortname}}" [locked]="false" [width]="120">
        <ng-template ngFor [ngForOf]="column.subHeaders" let-dataItem let-column>
          <kendo-grid-column title="{{column.subHeaderLbl}}" [width]="90">
            <ng-template kendoGridCellTemplate let-dataItem>
              {{column.statValue}}
            </ng-template>
          </kendo-grid-column>
        </ng-template>
      </kendo-grid-column-group>
    </ng-template>
  </ng-template>
</kendo-grid>

Answer 1

更改此行

<ng-template ngFor [ngForOf]="column.stats" let-column>

到

<ng-template ngFor [ngForOf]="column?.stats" let-column>

您尝试在数据可用之前显示，您可以使用安全操作员 ?进行此操作。

使用具有Angular 4的子数组的kendo网格UI，数据不会显示在网格中

1 个答案: