Les données ne sont pas affichées dans la grille en utilisant l'interface utilisateur de la grille de kendo qui a matrice enfant angulaire 4

Question

Erreur: Obtenir « Impossible de lire la propriété 'stats' undefined

JSON:

this.obj1: Array (5) [0]: data1 id: 1, le nom : AAA, Statistiques: Array (4) [0]: données 2 shortname: '1', valeur: 23, adresse: « 123 Wilson dr ', subHeader: true, Sous-titres: [{....} ]

UI Kendo:

<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

Modifier cette ligne

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

à

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

Vous essayez de montrer les données avant son disponibles, vous pouvez utiliser opérateur en toute sécurité? pour cela.