Question

美好的一天。

我有一个产生此输出的API：

12/7/2019 12:26:28 PM LocationCoordinate2D (latitude, longitude) -2.3595119079203E-11 ,-1.12286496566529E-11
12/7/2019 12:26:28 PM LocationCoordinate2D (latitude, longitude) -1.14848682613655E-11 ,2.82582976953522E-11
12/7/2019 12:26:28 PM LocationCoordinate2D (latitude, longitude) 7.99402048749395E-12 ,1.48245993485702E-11
12/7/2019 12:26:28 PM LocationCoordinate2D (latitude, longitude) 2.68203361390684E-11 ,-5.64203826991632E-13
12/7/2019 12:26:28 PM LocationCoordinate2D (latitude, longitude) 2.61363893300918E-11 ,-7.92238385763886E-12

在我的Angular HTML模板中：

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

生产：至关重要（正如人们所期望的那样

但是在以下具有附加数组的语句中：

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

产生错误TypeError：无法读取未定义的属性'statusName'

我希望结果为“新”

希望有人可以在这里帮助我。

Answer 1

您需要使用

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

因为 statuses 是一个数组。

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

1 个答案: