javascript - 在表格中显示 Angular 中单个对象的数据时出现问题

Question

我有一个 Angular 函数:

 memberDtos=[];

    getDataOfDtoCache(cacheData:any,nameOfCache:String){
        console.log(nameOfCache);
        this.hasTableClicked=true;
           this.memberDtos.push(cacheData);
            this.tableName=nameOfCache;
         console.log(this.memberDtos);
      }

在执行 console.log(this.memberDtos); 时我得到的单个对象为:

GBIM: false
GBI: false
NCHL_T: false
NCHLST: false
NIB_Q: false
NIBL_S: false
P_RQ: false
PES: false
SQ: false
SBL_RES: false
STLME_REQ: false
STL_IME_RES: false
STLIBL_REQ: false
SN_RES: false
STRVU_REQ: false
SU_RES: false
S_REQ: false
STL_RES: false

我希望这个单个对象出现在表中:

但在 html 部分我使用 KendoUI 作为:

   <kendo-grid 
              [kendoGridBinding]="memberDtos" 

              [resizable]="true"
              [filterable]="true"
              [groupable]="true"
              [sortable]="true"
              [pageable]="{
                buttonCount:4,
                pageSizes:[5,10,15]
                }"
              [pageSize]="5"
              *ngIf="hasTableClicked && tableName=='Member DTO'"   >

                  <kendo-grid-column field="memberId" title="Bo Id" width="70">
                  </kendo-grid-column>
                  <kendo-grid-column field="memberCode" title="Client Dealer Id" width="100s">
                  </kendo-grid-column>

              </kendo-grid>

但是在我的用户界面中，我在单行中获取了整个数据:

它只向我显示一行。我希望整个数据出现在不同的行中。我可以获取它吗？

Answer 1

kendoGridBinding 接受数据作为(可迭代)对象数组。您需要将数据转换为 key: value 对象数组，以便能够在图像上的不同列中显示值。

这是working JSFiddle example它应该是什么样子

使用for in循环遍历输入数据，并将数据推送到memberDtos数组中，形式为{ key: value }