在HTML Angular中以angular显示/隐藏列表项

<ul>
  <li *ngFor="let item of items">{{ item }}</li>
</ul>

<ul>
  <li *ngFor="let item of items">
    {{ item }}
    <button (click)="toggleItem(item)">Toggle</button>
    <div *ngIf="item.show">Content to be shown/hidden</div>
  </li>
</ul>

export class MyComponent {
  items = [
    { name: 'Item 1', show: false },
    { name: 'Item 2', show: false },
    { name: 'Item 3', show: false }
  ];

  toggleItem(item: any) {
    item.show = !item.show;
  }
}