Как получить доступ к данным во вложенном JSON в ngContainer?

Question

Я пытаюсь получить доступ к некоторым полям объекта JSON для расширяемой таблицы угловых материалов, но когда я обращаюсь к ней с помощью '.' или ['parameter'], значение отображается как неопределенное.

Это код, который я использую для доступа к значениям внутри моего объекта JSON. Я могу получить доступ только к следующим ключам объекта JSON, но не могу получить доступ к ключам JSON в массиве внутри объекта JSON. Пример: я могу получить case.email, но не могу получить доступ к case.caseData [i] .id, так как он выдает undefined значение.

<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
}

Я хочу получить доступ к id и enrollmentType в случае caseData для угловой расширяемой таблицы

Answer 1

Я сделал вам пример в этом StackBlitz https://stackblitz.com/edit/angular-tj9h11