如何从angular中的数组中删除多个选中的行

<table>
  <tr *ngFor="let row of rows; let i = index">
    <td><input type="checkbox" (change)="toggleSelection(i)"></td>
    <td>{{ row }}</td>
  </tr>
</table>
<button (click)="deleteSelectedRows()">删除选中行</button>

export class AppComponent {
  rows: string[] = ['行1', '行2', '行3', '行4', '行5'];
  selectedRows: number[] = [];

  toggleSelection(index: number) {
    if (this.selectedRows.includes(index)) {
      this.selectedRows = this.selectedRows.filter(i => i !== index);
    } else {
      this.selectedRows.push(index);
    }
  }

  deleteSelectedRows() {
    this.selectedRows.forEach(index => {
      this.rows.splice(index, 1);
    });
    this.selectedRows = [];
  }
}