Angular 8-在HTML模板中获取数据（从另一个数组中的数组中获取）

你好

我有一个API可以生成以下输出：

(4) [{…}, {…}, {…}, {…}]
0:
    dueDate: "2018-03-26T00:00:00"
    priority: {priorityId: 1, priorityName: "Critical", priorityColor: "red"}
    statuses: Array(1)
    0:
          status: {statusId: 1, statusName: "New", statusColor: "lightblue", ticketStatuses: Array(0)}

在我的HTML模板中：

<td mat-cell *matCellDef="let row"> {{ row.priority.priorityName }}</td>

{{row.priority.priorityName}

生产：关键（如预期）

但在下面的语句中，有一个附加数组：

<td mat-cell *matCellDef="let row"> {{ row.statuses.status.statusName }}</td>

{{row.statuses.status.statusName}

生成错误类型错误：无法读取未定义的属性“statusName”

我期待一个“新”的结果

希望有人能帮我。你需要使用

{{row.statuses[0].status.statusName}

因为status是一个数组