如何循环包含单元格表中对象数组的单元格对象

时间:2019-11-04 19:42:03

标签: angular angular-material

我已经将对象数组传递给了mat表中的dataSource内部对象数组。 我无法遍历具有对象数组的对象。

SELECT si.FirstName +''+ si.LastName as Name, si.StudentID,
        si.YearID, si.DualCredits, si.DC_Classes, 
        si.DC_GPA, si.StatusID, si.ActScore, si.YearID,AVG(d.GPA)
FROM TblstudentInfo si LEFT JOIN tblStudentDetail d
ON si.StudentID = d.StudentID
GROUP BY si.FirstName, si.LastName, si.StudentID,si.YearID, si.DualCredits, si.DC_Classes, si.DC_GPA, si.StatusID, si.ActScore, si.YearID;

roleFunctions的表格单元格:

    const roleListData = [
  {
    roleId: 1,
    role: "admin",
    description: "Testing",
    level: "1",
    roleFunctions: [
      {
        createdBy: "person-1",
        createdOn: "2019-11-04T20:02:52.345",
        updatedBy: null,
        updatedOn: null,
        segmentId: 2,
        segmentType: "Dealer",
        segmentName: "testing",
        segmentValue: "5",
        additionalInfo: null,
        active: true
      }
    ]
}
]

我需要访问具有内部对象数组的roleFunction对象。如果该数组没有任何对象,那么它应该可以正常工作而没有任何问题。因为根据我的要求,对象可能包含也可能不包含对象数组。如果存在它们,那么我应该能够在该表cel中显示内部对象信息。

1 个答案:

答案 0 :(得分:0)

如果我理解正确,则需要执行此操作才能访问表中的roleFunctions属性。

<ng-container matColumnDef="roleFunctions">
  <th mat-header-cell *matHeaderCellDef mat-sort-header>Functions</th>
  <td mat-cell *matCellDef="let row">
    {{ row.roleFunctions }}
  </td>
</ng-container>

如果要显示所有roleFunction,可以执行以下操作:

<ng-container matColumnDef="roleFunctions">
  <th mat-header-cell *matHeaderCellDef mat-sort-header>Functions</th>
  <td mat-cell *matCellDef="let row">
    <span *ngFor="let funct of row.roleFunctions">{{func.segmentName}}</span>
  </td>
</ng-container>