如何使用Angular5从表中删除一行？

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormArray } from '@angular/forms';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent implements OnInit {
  form: FormGroup;

  constructor(private formBuilder: FormBuilder) { }

  ngOnInit() {
    this.form = this.formBuilder.group({
      rows: this.formBuilder.array([])
    });
  }

  get rows(): FormArray {
    return this.form.get('rows') as FormArray;
  }

  addRow() {
    this.rows.push(this.formBuilder.group({
      // 定义表单中的字段
    }));
  }

  deleteRow(index: number) {
    this.rows.removeAt(index);
  }
}

<form [formGroup]="form">
  <table>
    <tr *ngFor="let row of rows.controls; let i = index" [formGroupName]="i">
      <!-- 显示表单字段 -->
      <td>{{ row.controls.field1.value }}</td>
      <td>{{ row.controls.field2.value }}</td>
      <!-- 添加删除按钮 -->
      <td><button type="button" (click)="deleteRow(i)">删除</button></td>
    </tr>
  </table>
</form>

<button type="button" (click)="addRow()">添加行</button>