检查反应形式中的几个值是否已更改

时间:2019-12-11 08:37:20

标签: angular typescript angular-reactive-forms

我有一些反应形式的字段,必须检查值是否已更改。我知道如何检查像这样的一个字段上的值是否已更改

this.form.controls['phone'].valueChanges.subscribe(
  data => console.log('form changes', data)
  );

我遇到的问题是我需要检查两个或多个字段,例如电话和地址。

1 个答案:

答案 0 :(得分:6)

您可以合并可观察对象,但可以合并为一个可观察对象,即

import { merge } from 'rxjs';

merge(
  this.form.controls['phone'].valueChanges,
  this.form.controls['address'].valueChanges
).subscribe(console.log)

您也可以使用CombineLatest。它将从每个可观察值中发出最新值。我认为这就是您所需要的。

import { combineLatest } from 'rxjs';

combineLatest(
  this.form.controls['phone'].valueChanges, 
  this.form.controls['address'].valueChanges
).subscribe((phone, address) => {
  // do something
})