別のngForの内部でngForを使用しますか？

Question

私のAngularプログラムでは、離陸したすべての日を含む配列の各人物のテーブルをプリントアウトしようとしています。従業員が配列されている配列はempInfoで、離した日の配列はptoDataです。両方の配列のフィールドはEmpKeyです。

ここで私はこれまで試したものです：

を私は<ng-container *ngIf="pto.EmpKey === emp.EmpKey"></ng-container>を削除した場合、それは印刷します

 <div class="panel-body" style="padding-left: 0px;" *ngFor="let emp of empInfo"> 
 
     <table> 
 
      <thead> 
 
      <tr>Employee: {{emp.EmpKey}} {{emp.FirstName}} {{emp.LastName}}</tr> 
 
      <tr> 
 
       <td>Date</td> 
 
       <td>Hours</td> 
 
       <td>Scheduled</td> 
 
       <td>Notes</td> 
 
      </tr> 
 
      </thead> 
 
      <tbody> 
 
      <ng-container *ngIf="pto.EmpKey === emp.EmpKey"> 
 
       <ng-container *ngFor="let pto of of ptoData"> 
 
       <tr> 
 
        <td>{{pto.date}}</td> 
 
        <td>{{pto.hours}}</td> 
 
        <td>{{pto.scheduled}}</td> 
 
        <td>{{pto.notes}}</td> 
 
       </tr> 
 
       </ng-container> 
 
      </ng-container> 
 
      </tbody> 
 
     </table> 
 
     </div>

が、ここではそれをプリントアウトだことすべてですこれは（これはまだ私が明らかに探しているものではありませんが、少なくともプリントします名）から：

Answer 1

あなたは<ng-container>タグを切り替える必要があり、pto変数が第一の容器ではまだ知られていません。 pzaengerが言うように、はい、あなただけの*ngForで1 of使用;）

<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>