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?
Last Comment
ASKER CERTIFIED SOLUTION
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
JSON
JavaScript Object Notation, or JSON, is human-readable text used when transmitting data objects consisting of attribute:value pairs between a server and a web application as an alternative to XML. JSON, while it is originally derived from JavaScript, is a language-independent data format. Code for parsing and generating JSON data is available in many programming languages.
2K
Questions
--
Followers
--
Top Experts
Get a personalized solution from industry experts
TRUSTED BY
