如何从角度反应形式中删除一个场？

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

@Component({
  selector: 'app-my-form',
  templateUrl: './my-form.component.html'
})
export class MyFormComponent {
  myForm: FormGroup;

  constructor(private fb: FormBuilder) {
    this.myForm = this.fb.group({
      name: [''],
      email: ['']
    });
  }
}

removeEmailField() {
  // 从FormGroup中删除'email'字段
  this.myForm.removeControl('email');
}

<form [formGroup]="myForm">
  <label for="name">Name:</label>
  <input id="name" formControlName="name" type="text">

  <!-- 使用*ngIf指令根据表单模型的变化动态显示或隐藏'email'字段 -->
  <div *ngIf="myForm.contains('email')">
    <label for="email">Email:</label>
    <input id="email" formControlName="email" type="email">
  </div>
</form>

<button (click)="removeEmailField()">Remove Email Field</button>

import { ChangeDetectorRef } from '@angular/core';

constructor(private fb: FormBuilder, private cdr: ChangeDetectorRef) {}

removeEmailField() {
  this.myForm.removeControl('email');
  this.cdr.detectChanges(); // 手动触发变更检测
}