Angular 7 响应式(Reactive)表单如何重置表单并获取其初始值而不是将它们重置为空值

Question

有没有办法将响应式(Reactive)表单组重置为其初始值而不是使用 .reset() 将其清空方法？

我有以下 stackblitz ，其中默认选择的值为 Parent ，如果用户将其更改为姐妹，并希望将表单设置为初始值，请单击重置按钮来执行此操作。

目前，我尝试过:

this.formGroup.reset();
//Or
this.formGroup.markAsPristine;
//Or
this.formGroup.markAsTouched

.reset()完全重置表格。

附言有人可能会说用户可以重新选择默认值而不是点击重置按钮。但就我而言，我有一个巨大的用户表单，他需要在其中更新他的信息，如果他在某些值中弄错了，他可能需要重置为初始值。

Answer 1

您可以保存表单初始值:

this.initialValues = this.formGroup.value;

然后将这些值传递给 reset 函数:

this.formGroup.reset(this.initialValues);