保存Angular 4后重置表单

是指在使用Angular 4开发前端应用时，当用户提交表单数据并成功保存后，需要将表单重置为初始状态，以便用户可以继续输入新的数据。

在Angular 4中，可以通过以下步骤来实现保存后重置表单：

首先，在组件的HTML模板中，使用Angular的表单指令（如ngForm、ngModel等）来创建表单，并绑定表单控件的值。

<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>

在组件的TypeScript代码中，定义表单数据的模型和保存、重置表单的方法。

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();
  }
}