Angular 在另一个ngFor中使用ngFor?
在我的Angular程序中,我试图为数组中的每个人打印一张表格,其中包括他们休假的所有天数。包含员工的数组是Angular 在另一个ngFor中使用ngFor?,angular,Angular,在我的Angular程序中,我试图为数组中的每个人打印一张表格,其中包括他们休假的所有天数。包含员工的数组是empInfo,包含员工休假天数的数组是ptoData。两个数组中的字段都是EmpKey 以下是我迄今为止所尝试的: 雇员:{emp.EmpKey}{{emp.FirstName}{{emp.LastName}} 日期 小时 预定 笔记 {{pto.date} {{pto.hours} {{pto.scheduled} {{pto.notes} 您应该切换标记,第一个容器中的pto变量
empInfo
,包含员工休假天数的数组是ptoData
。两个数组中的字段都是EmpKey
以下是我迄今为止所尝试的:
雇员:{emp.EmpKey}{{emp.FirstName}{{emp.LastName}}
日期
小时
预定
笔记
{{pto.date}
{{pto.hours}
{{pto.scheduled}
{{pto.notes}
您应该切换
标记,第一个容器中的pto
变量尚不清楚。是的,就像pzaenger说的,在你的*ngFor
;)中只使用一个(
)
{{pto.date}
{{pto.hours}
{{pto.scheduled}
{{pto.notes}
*ngFor=“让pto离开ptoData”
看起来有问题。另外,*ngIf
和*ngFor
的顺序似乎也不对。谢谢,非常感谢!我甚至没有注意到双的,hahash应该在tr
标签上使用*ngIf
。在此处添加额外的ng容器没有意义。
<ng-container *ngFor="let pto of ptoData">
<ng-container *ngIf="pto.EmpKey === emp.EmpKey">
<tr>
<td>{{pto.date}}</td>
<td>{{pto.hours}}</td>
<td>{{pto.scheduled}}</td>
<td>{{pto.notes}}</td>
</tr>
</ng-container>
</ng-container>