2017-10-16 35 views
0

エラーの子アレイを有する剣道グリッドUIを使用してグリッドに表示されていません。データは、角度4

this.obj1::アレイ(5取得「未定義

JSONのプロパティ 『統計情報』を読み取ることができません) [0]:DATA1 ID:1、 名:AAA、 統計:配列(4) [0]:データ2 短縮名: '1'、 値:23、 アドレス:「123ウィルソンDR '、 subHeader:true、 subHeaders:[{....} ]

剣道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>    

答えて

0

変更このライン

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

あなたは安全な演算子を使用することができ、その利用できる前にデータを表示しようとしている

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

へこれのため
?

+0

ありがとうございましたグリッド内のデータを表示できますが、それらの子配列のアキュタルデータを表示する代わりに "[オブジェクト、オブジェクト]"を表示できます –

+0

正確なデータを指していないため、まだjson、それは文字列でなければならない、 とはい、あなたはupvoteして答えを受け入れますか? –