用另一个 ngFor 过滤 ngFor

Question

我正在开发一个必须通过 classes 过滤教师学生的应用程序。首先，我做一个 ngFor 以在 div 中显示所有有老师的课程，然后我想用另一个 ngFor 添加 class 中的所有学生。

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

是否可以使用读取 {{clase}} 和 {{student.classes}} 参数的 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>
      <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>

用另一个 ngFor 过滤 ngFor

Filter ngFor by another ngFor

filter

ionic-framework

ngfor

angular