如何在angular 7中使用ngFor在单击关闭按钮时单独隐藏一个div

<div *ngFor="let item of items; let i = index">
  <div [hidden]="hiddenItems[i]">
    <!-- div的内容 -->
    <button (click)="hideItem(i)">关闭</button>
  </div>
</div>

import { Component } from '@angular/core';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent {
  items = [1, 2, 3, 4, 5]; // 示例数据，可以是任意类型的数组
  hiddenItems = []; // 用于记录每个div的隐藏状态

  hideItem(index: number) {
    this.hiddenItems[index] = true;
  }
}