如果在angular 6中将一个div从列中删除，如何将现有div从一列推送到另一列

<div class="column">
  <div *ngFor="let item of column1Items">{{ item }}</div>
</div>

<div class="column">
  <div *ngFor="let item of column2Items">{{ item }}</div>
</div>

export class YourComponent {
  column1Items: string[] = ['Item 1', 'Item 2', 'Item 3'];
  column2Items: string[] = [];

  moveItemToColumn2(item: string) {
    // 从列1移除指定的元素
    const index = this.column1Items.indexOf(item);
    if (index !== -1) {
      this.column1Items.splice(index, 1);
    }

    // 将元素添加到列2
    this.column2Items.push(item);
  }
}

<button (click)="moveItemToColumn2('Item 1')">Move Item 1</button>