如何在NgIf语句中迭代数组-Angular / Ionic

Question

<ion-card *ngFor="let house of (houses | async)">
  <ion-list *ngIf="house.members[0] === currentUserId">
    <ion-item button (click)="goToHouseDetailsPage(this.house)">
      <ion-icon class="listIcon" item-left name="exit"></ion-icon>
      {{ house.name }}
    </ion-item>
  </ion-list>
</ion-card>

此代码有效，并且仅显示当前用户所属的房屋。我希望能够遍历此数组，因为一个房子中有很多成员。

谢谢

Answer 1

如果要访问house.members中每个项目的值，则将ngIf替换为ngFor，如下所示：

<ion-card *ngFor="let house of (houses | async)">
  <ion-list *ngFor="let member of house.members">
    <ion-item button (click)="goToHouseDetailsPage(house)">
      <ion-icon class="listIcon" item-left name="exit"></ion-icon>
      {{ house.name }}
    </ion-item>
  </ion-list>
</ion-card>