Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ssis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 在另一个ngFor中使用ngFor?_Angular - Fatal编程技术网

Angular 在另一个ngFor中使用ngFor?

Angular 在另一个ngFor中使用ngFor?,angular,Angular,在我的Angular程序中,我试图为数组中的每个人打印一张表格,其中包括他们休假的所有天数。包含员工的数组是empInfo,包含员工休假天数的数组是ptoData。两个数组中的字段都是EmpKey 以下是我迄今为止所尝试的: 雇员:{emp.EmpKey}{{emp.FirstName}{{emp.LastName}} 日期 小时 预定 笔记 {{pto.date} {{pto.hours} {{pto.scheduled} {{pto.notes} 您应该切换标记,第一个容器中的pto变量

在我的Angular程序中,我试图为数组中的每个人打印一张表格,其中包括他们休假的所有天数。包含员工的数组是
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>