在angular 2中点击行时，如何隐藏和显示另一个表？

<table>
  <tr *ngFor="let item of items" (click)="toggleTable()">
    <td>{{ item.name }}</td>
    <td>{{ item.age }}</td>
  </tr>
</table>

<table *ngIf="showTable">
  <tr>
    <th>Header 1</th>
    <th>Header 2</th>
  </tr>
  <tr>
    <td>Data 1</td>
    <td>Data 2</td>
  </tr>
</table>

export class YourComponent {
  showTable: boolean = false;
  items: any[] = [
    { name: 'Item 1', age: 20 },
    { name: 'Item 2', age: 30 },
    { name: 'Item 3', age: 40 }
  ];

  toggleTable() {
    this.showTable = !this.showTable;
  }
}