比较反应式表单仅过滤出更新后的值

Question

我有一个具有以下结构的formGroup：

mainFormGroup：{     firstControl：”，     secondControl：“，     innerFormGroup：{         firstInnerControl：”，         secondInnerControl：”     } }

进行更改后，我可以从“ mainFromGroup.value”中查找值。但是它将为我提供所有控件/子组的值。 相反，我只希望其值已被用户更改的那些字段。假设用户仅更改“ firstInnerControl”，那么我应该具有如下内容：

mainFormGroup：{     innerFormGroup：{         firstInnerControl：“新值”         }     }

Answer 1

您可以为更改设置监听器，然后订阅它。以下是角度文档的链接：Angular Reactive Forms Documentation

基本上，您将在Init上订阅组件中的更改：

this.myForm.controls['name'].valueChanges.subscribe(data => {
  console.log("Name changed: ", data);

})