在ngFor中显示特定的Div

Question

我有一堆使用ngFor和用户信息的卡片。卡内有一个按钮，将显示该特定用户的旅行信息。

我创建了一个具有初始状态的div display: none。我曾考虑过使用单击ngStyle来绑定display: block属性，但问题是所有div都得到显示，而不仅仅是我需要的特定div。

关于如何执行此操作的任何建议？

html

<div class="col s12 m6 l4" *ngFor="let student of students; let i = index">

   <i class="material-icons" (click)="showBox()">access_alarm</i>

   <div class="travel-info" [ngStyle]="{'display': boxDisplay == true ? 'block' : 'none'}" >

      <app-travel-info ></app-travel-info>

   </div>

</div>

ts

boxDisplay = false;

showBox() {

    this.boxDisplay = true;

}