Angular Reactive формы: как получить только что измененные значения

Question

Я строю реактивные формы, используя угловой 6, эта форма содержит 3 атрибута (имя, возраст, телефон), и я хотел бы получить только измененные значения, а не все значения формы.

this.refClientForm = this.formBuilder.group({
  name: [],
  phone: [],
  age: []
});

для формыслушатель:

 this.refClientForm.valueChanges.subscribe(values => console.log(values))

но я всегда получаю все значения формы.

Answer 1

Существует простой способ проверить, не загрязнен ли какой-либо элемент управления в реактивной форме.

getUpdatedValues() {
 const updatedFormValues = {};
 this.form['_forEachChild']((control, name) => {
  if (control.dirty) {
      this.updatedFormValues[name] = control.value;
  }
});
console.log(this.updatedFormValues);

Answer 2

Вы можете проверить все элементы управления для грязного флага.Смотри https://angular.io/api/forms/FormControl

getDirtyValues(form: any) {
        let dirtyValues = {};

        Object.keys(form.controls)
            .forEach(key => {
                let currentControl = form.controls[key];

                if (currentControl.dirty) {
                    if (currentControl.controls)
                        dirtyValues[key] = this.getDirtyValues(currentControl);
                    else
                        dirtyValues[key] = currentControl.value;
                }
            });

        return dirtyValues;
}