如何从一个表单重置另一个表单(Angular4)

在Angular 4中，可以通过使用表单控件的reset()方法来重置一个表单，并将其恢复到初始状态。要从一个表单重置另一个表单，可以按照以下步骤进行操作：

1. 首先，在组件的类中引入FormGroup和FormBuilder模块，以便使用表单相关的功能。

import { FormGroup, FormBuilder } from '@angular/forms';

1. 在组件的构造函数中创建一个FormBuilder实例，并使用它来构建表单控件。

constructor(private formBuilder: FormBuilder) { }

1. 在组件的类中定义两个FormGroup对象，分别表示两个表单。

form1: FormGroup;
form2: FormGroup;

1. 在组件的ngOnInit()方法中，使用FormBuilder创建表单控件，并将其与FormGroup对象关联起来。

ngOnInit() {
  this.form1 = this.formBuilder.group({
    // 表单1的控件定义
  });

  this.form2 = this.formBuilder.group({
    // 表单2的控件定义
  });
}

1. 在HTML模板中，将表单控件与FormGroup对象进行绑定，并为重置按钮添加一个点击事件。

<form [formGroup]="form1">
  <!-- 表单1的控件 -->
</form>

<form [formGroup]="form2">
  <!-- 表单2的控件 -->
</form>

<button (click)="resetForm()">重置</button>

1. 在组件的类中，实现resetForm()方法，该方法会将表单2重置为初始状态。

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

通过以上步骤，当点击重置按钮时，表单2的所有控件将被重置为初始状态。

请注意，以上示例中的代码仅为演示目的，实际情况中需要根据具体的表单控件和业务逻辑进行相应的调整。

关于Angular 4的表单处理和FormGroup的更多信息，您可以参考腾讯云的相关文档和示例代码：

• Angular 表单处理
• Angular FormGroup