按另一个ngFor筛选ngFor

Question

我正在开发一个应用程序，该应用程序必须在课堂上筛选老师的学生。首先，我做一个ngFor，在div中显示所有有老师的类，然后我想用另一个ngFor添加该类中的所有学生。

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

是否可以使用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

正如Deep 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>