如何关闭在ng重复中创建的弹出窗口

<div *ngFor="let item of items">
  <!-- ng重复中的其他内容 -->
  <div *ngIf="item.showPopup" class="popup">
    <!-- 弹出窗口的内容 -->
    <button (click)="closePopup(item.id)">关闭</button>
  </div>
</div>

export class YourComponent {
  items = [
    { id: 1, showPopup: true },
    { id: 2, showPopup: true },
    { id: 3, showPopup: true }
    // 其他ng重复的数据
  ];

  closePopup(id: number) {
    const item = this.items.find(item => item.id === id);
    if (item) {
      item.showPopup = false;
    }
  }
}