如何将表数据重置为在模板驱动的表单Angular 12中编辑之前的状态

import { Component, OnInit } from '@angular/core';
import { FormGroup, FormBuilder } 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({
      // 定义表单控件
    });
  }

  resetForm() {
    this.form.reset(); // 重置表单数据
  }
}

<form [formGroup]="form">
  <!-- 表单控件的HTML代码 -->
  
  <button type="button" (click)="resetForm()">重置</button>
</form>