如何在ngContainer中的嵌套JSON中访问数据?

时间:2019-06-18 05:17:44

标签: html typescript angular-material angular7

我试图访问JSON对象的某些字段以获取角材料可扩展表,但是当我通过'.'['parameter']访问它时,该值反映为未定义。

这是我用来访问JSON对象内的值的代码。我只能访问JSON对象的下一个键,但不能访问JSON对象内部数组中的JSON的键。 示例:我可以获取case.email,但由于它抛出undefined值而无法访问case.caseData [i] .id。

<ng-container matColumnDef="caseId" > 
                      <th mat-header-cell *matHeaderCellDef> Case ID </th>
                      <td mat-cell *matCellDef="let case;index as i" > {{case.caseData[i] | json }} </td>
                    </ng-container> 

这是我要访问的JSON值。

{
    "caseData": [
        {
        "enrollmentType": "Reimbursement",
        "id": "5cf"
    }
    ],
    "dateOfBirth": "2019-06-11",
    "email": "",
    "firstName": "THOMAS",
    "id": "5cfg",
    "lastName": "DEOTI",
    "phoneNumber": "555-555-5555",
    "totalCases": 5
}

我想在caseData中访问idenrollmentType,以获取可扩展角度表

1 个答案:

答案 0 :(得分:0)

我在这个StackBlitz https://stackblitz.com/edit/angular-tj9h11

中为您提供了示例