Tom Knowlton
asked on
How do I get JSON data to show-up in a popup dialog - Angular / Kendo UI
Clearly there is data in the object. I can reference it in the F12 Dev Tools console:
But I don't know how to get that data to show up in the popup window for Tasks (tcdr: Array( ), above)
What is the proper *ngFor syntax for the JSON data?
But I don't know how to get that data to show up in the popup window for Tasks (tcdr: Array( ), above)
<kendo-dialog title="Tasks" *ngIf="flagSelection" (close)="closeTasks()" class="custom-dialog">
<kendo-grid #grid="kendoGrid" [sortable]="true" filterable="menu" [kendoGridBinding]="shiftSummaryData"
[pageSize]="pageSize" class="custom-grid" [skip]="skip" [pageable]="true" [kendoGridSelectBy]="'id'"
[selectable]="selectableSettings" [selectedKeys]="selectedId" [scrollable]="'none'"
(selectedKeysChange)="selectId($event)">
<ng-container *ngFor="let i = index">
<ng-container *ngFor="let j = index">
<kendo-grid-column field="{{this.shiftSummaryItems[i].tcdr[j].taskDescription}}" title="Task Code" [width]=150></kendo-grid-column>
<!-- <kendo-grid-column field="{{j}}{{this.shiftSummaryItems[i]?.tcdr[j]?.taskDescription}}" title="Task Code" [width]=150></kendo-grid-column> -->
<!-- <kendo-grid-column field="{{tcdr[j].taskDescription}}" title="Task Description" [width]=150></kendo-grid-column> -->
</ng-container>
</ng-container>
</kendo-grid>
</kendo-dialog>
<kendo-dialog title="Tasks" *ngIf="flagSelection" (close)="closeTasks()" class="custom-dialog"> <kendo-grid #grid="kendoGrid" [sortable]="true" filterable="menu" [kendoGridBinding]="shiftSummaryData" [pageSize]="pageSize" class="custom-grid" [skip]="skip" [pageable]="true" [kendoGridSelectBy]="'id'" [selectable]="selectableSettings" [selectedKeys]="selectedId" [scrollable]="'none'" (selectedKeysChange)="selectId($event)"> <ng-container *ngFor="let i = index"> <ng-container *ngFor="let j = index"> <kendo-grid-column field="{{this.shiftSummaryItems[i].tcdr[j].taskDescription}}" title="Task Code" [width]=150></kendo-grid-column> </ng-container> </ng-container> </kendo-grid></kendo-dialog>
What is the proper *ngFor syntax for the JSON data?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.