如何在Angular中重置更改事件

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

formGroup: FormGroup;

ngOnInit() {
  this.formGroup = new FormGroup({
    // 创建FormControl对象，并添加相关的校验规则
    name: new FormControl('', Validators.required),
    email: new FormControl('', [Validators.required, Validators.email])
  });
}

<form [formGroup]="formGroup" (ngSubmit)="onSubmit()">
  <label for="name">Name:</label>
  <input type="text" id="name" formControlName="name">

  <label for="email">Email:</label>
  <input type="email" id="email" formControlName="email">

  <button type="submit">Submit</button>
  <button type="button" (click)="resetForm()">Reset</button>
</form>

resetForm() {
  this.formGroup.reset();
}