angular - Angular ngFor 将子数组读入列表项
问题描述
我正在用 mat-list-item 构建一个 mat-list。我在将子数组读入列表 UI 控件时遇到问题。它显示为空白。对于不涉及子数组的集合部分,它会显示出来,但子数组中的数据不会被我的 ngFor 角度代码错误地读取。
我用谷歌搜索并尝试更改 ngFor 代码。我在 mat-list 和 mat-list-item 标签之间移动它,但 UI 显示空单元格。
集合 Sale 有一个周末字符串,我可以毫无问题地显示它。我将 ngFor 设置为在 saleWeekdays 的几天内循环,这样我就可以通过每天的数组集合来阅读。在每天的集合中,我想添加度量以显示值字符串和 subCategory 数组,我需要添加另一个 *ngFor 循环。
任何帮助是极大的赞赏。谢谢。
解决方案
您必须使用另一个 ngFor 来获取内部循环值。
您无法从以下代码中获取值。所以不要使用下面的代码
<mat-list-item fxLayoutAlign="end" (click)="onRowClicked(value)" *ngFor="let day of saleWeek.days"><span>{{day.value}}</span></mat-list-item>
</mat-list>
您可以改用以下代码:
<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>
推荐阅读
- javascript - 获取 iframe 的 url 或检查 url 是否包含
- android - 如何在主要活动中使用自定义视图
- python - Pandas GroupBy 日期时间和平均值使用滚动
- java - 从渲染器接收消息超时
- eclipse - 如何撤消 Eclipse 工作区
- exchangewebservices - Outlook Web 加载项是否可以访问 .msg 文件
- javascript - 分数不递增
- php - Laravel 覆盖身份验证验证
- google-apps-script - 设置文件权限以限制编辑
- python - 使用python在循环内通过相同的矩阵-矩阵乘法创建不同的矩阵