Получить только измененные значения из Reactive From of Angular

Question

Я работаю над проектом Angular-6.

У меня много форм с разными структурами.Я хочу универсальный метод, который возвращает только измененные FromControls с измененные значения , не имеет значения, какова структура формы.

Я думал о некоторых способах сделать это.

Один из них - подписаться на valueChanges () метод каждого отдельного FormControl .Но недостаток в том, что он портит код.

Второй способ - я могу привязать метод к событию (изменить) для каждого FormControl и проверить, если егозначение изменилось или нет.Но опять же, это не самый лучший способ.

Есть ли способ сделать это соответствующим образом?

Answer 1

Создайте форму, используя FormBuilder, с нужными элементами управления.

this.myForm = this.formBuilder.group({
    ctrl1: '',
    ctrl2: ''
});

---

Назначьте переменную для элемента управления, который необходим для обнаружения его изменений.

this.control1 = this.myForm.get('ctrl1');

---

Используйте метод для получения изменений значения:

getControlVal(val) 
{
   console.log(val)
}

---

И в шаблоне передавайте управляющее значение каждое событие 'keyup':

<form [formGroup]="myForm">
    <input formControlName="ctrl1" (keyup)="getControlVal(control1.value)" />
</form>