如何在不清除预填数据的情况下重置角度反应式表单？

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

@Component({
  selector: 'app-form',
  template: `
    <form [formGroup]="myForm">
      <input type="text" formControlName="name">
      <input type="email" formControlName="email">
      <button (click)="resetForm()">重置</button>
    </form>
  `,
})
export class FormComponent {
  myForm: FormGroup;
  initialFormValue: any;

  constructor(private fb: FormBuilder) {
    this.myForm = this.fb.group({
      name: ['John Doe'],
      email: ['johndoe@example.com'],
    });

    this.initialFormValue = this.myForm.value;
  }

  resetForm() {
    this.myForm.setValue(this.initialFormValue);
  }
}