如何在反应式表单中重置一组formControls？

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

@Component({
  selector: 'app-reset-form',
  template: `
    <form [formGroup]="myForm">
      <input formControlName="name" placeholder="Name">
      <input formControlName="email" placeholder="Email">
      <button (click)="resetForm()">Reset</button>
    </form>
  `,
})
export class ResetFormComponent implements OnInit {
  myForm: FormGroup;

  ngOnInit() {
    this.myForm = new FormGroup({
      name: new FormControl(''),
      email: new FormControl(''),
    });
  }

  resetForm() {
    Object.keys(this.myForm.controls).forEach(key => {
      this.myForm.get(key).reset();
    });
    this.myForm.reset();
  }
}