保存Angular 4后重置表单

<form #myForm="ngForm">
  <input type="text" name="name" [(ngModel)]="formData.name">
  <input type="email" name="email" [(ngModel)]="formData.email">
  <!-- 其他表单控件 -->
  <button type="submit" (click)="saveForm()">保存</button>
  <button type="button" (click)="resetForm()">重置</button>
</form>

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

@Component({
  selector: 'app-my-form',
  templateUrl: './my-form.component.html',
  styleUrls: ['./my-form.component.css']
})
export class MyFormComponent {
  formData: any = {}; // 表单数据模型

  saveForm() {
    // 保存表单数据的逻辑
    // ...

    this.resetForm(); // 保存后重置表单
  }

  resetForm() {
    this.formData = {}; // 将表单数据模型重置为空对象
    // 或者使用表单的reset方法重置表单
    // this.myForm.reset();
  }
}