用另一个ngFor筛选ngFor

Question

我正在开发一个应用程序，可以通过课堂过滤老师的学生。首先，我做一个ngFor，在一个div中显示老师的所有班级，然后我想用另一个ngFor添加该班级的所有学生。

分类是一个空数组，学生是具有不同参数的对象。其中之一是学生.class。

是否可以使用 ngFor 过滤学生，该 ngFor 读取 {{clase}} 和 {{student.classes}} 参数并仅显示匹配的学生？

实际代码是这样的：

<div *ngFor="let clase of clases">
  <mat-card>
    <mat-card-header>
      <mat-card-title>{{clase}}</mat-card-title>
    </mat-card-header>
    <mat-card-content>
      <ion-item *ngFor="let student of students" >  
        <ion-label>
          {{student.first_name}}
        </ion-label>
      </ion-item>
    </mat-card-content>
  </mat-card>
</div>

谢谢

Answer 1

正如深Govany在评论中所说，我使用*ngIF来过滤*ngFor，如下所示：

<div *ngFor="let clase of clases">
  <mat-card>
    <mat-card-header>
      <mat-card-title>{{clase}}</mat-card-title>
    </mat-card-header>
    <mat-card-content>
      <div *ngFor="let student of students">  
        <ion-item *ngIf="clase === student.classroom">       
          {{student.first_name}}
        </ion-item> 
      </div>
    </mat-card-content>
  </mat-card>
</div>