Angular 用于将子阵列读取到列表项中的角度

我正在使用mat列表项创建mat列表。我在将子数组读入列表UI控件时遇到问题。它显示为空白。对于集合中不涉及子阵列的部分，它会显示出来，但子阵列中的数据不会被我的ngFor角度代码错误读取

我在谷歌上搜索并尝试更改ngFor代码。我将其移动到mat list和mat list item标记之间，但UI显示空单元格

收藏品销售有一个周末字符串，我可以毫无问题地显示它。我将ngFor设置为循环通过saleWeekdays的天，这样我就可以读取每天的数组集合。在每个day集合中，我希望访问度量以显示值字符串和子类别数组，我需要添加另一个*ngFor循环

---

非常感谢您的帮助。谢谢。

问题是您访问json的方式不正确：

"let day of saleWeek.days"

将为您提供json的这一部分：

{ day: [] }

如果要访问该值，需要迭代两次：

"let days of saleWeek.days"
"let dayInformation of days.day"

其中

days.day

部分将访问您的day数组。 然后您可以访问您的值：

{{dayInformation.value}}

查看此JSFIDLE以获得示例实现：

---

必须使用另一个ngFor来获取内部循环值

无法从以下代码中获取值。因此，不要使用以下代码

   <mat-list-item fxLayoutAlign="end" (click)="onRowClicked(value)" *ngFor="let day of saleWeek.days"><span>{{day.value}}</span></mat-list-item>

                        </mat-list> 

{{day.value}

您可以使用以下代码：

<div class="sub_container"  *ngFor="let subsaleWeek of  saleWeek.days "> 
<mat-list-item fxLayoutAlign="end" (click)="onRowClicked(value)" *ngFor="let day of subsaleWeek.day"><span>{{day.value}}</span></mat-list-item>

                    </mat-list> 
</div>

{{day.value}}

Hi，我根据您的建议更改了代码，但仍然是空的单元格：{{dayInfo.value}您仍然需要在几周内进行迭代。因此，如果您使用3个嵌套数组，则需要迭代所有这些数组：*ngFor=“let saleWeek of sales”*ngFor=“let days of saleWeek.days”*ngFor=“let dayInformation of days”。第一个分区是ngFor=“let saleweek of sales”>在子分区中，我添加了ngFor=“let days of saleweek.days”。在这个子分区中，我添加了mat列表项，其中包含dayInfo of days.day。感谢您抽出时间回答我的问题。再次谢谢。干杯@谢谢你花时间回答我的问题。再次感谢。