Angular -选中复选框时隐藏/显示表格中的列

<table>
  <tr>
    <th *ngFor="let column of columns" [ngIf]="column.visible">{{ column.name }}</th>
  </tr>
  <tr *ngFor="let item of data">
    <td *ngFor="let column of columns" [ngIf]="column.visible">{{ item[column.field] }}</td>
  </tr>
</table>

export class MyComponent {
  columns = [
    { name: '列1', field: 'field1', visible: true },
    { name: '列2', field: 'field2', visible: true },
    { name: '列3', field: 'field3', visible: true },
    // 其他列...
  ];

  // 其他代码...
}

export class MyComponent {
  // ...

  toggleColumnVisibility(column: any) {
    column.visible = !column.visible;
  }

  // ...
}