Как предотвратить двойной вызов onChange callback в реактивной форме Angular2 +?

Question

Демо: https://stackblitz.com/edit/angular-svpg8g

У меня есть какой-то третий компонент (ThirdPartCounter в app/counter.component.ts).Я завернул его в компонент Angular и подписался на изменение этого счетчика.Когда я взаимодействую с пользовательским интерфейсом счетчика (кнопка Increment), в моем потоке появляются правильные события.Но!Если я устанавливаю значение счетчика вручную (кнопка Clear), у меня есть дубликат события в этом потоке (один из них потому, что компонент изменяется, следующий вызывается после writeValue).

Как мне предотвратить избыточное событие после writeValue обратный звонок?

Answer 1

попробуйте это, оно не будет дублироваться с emitEvent в false

 clear() {
  this.myForm.controls['counter'].patchValue(0, {emitEvent : false});
 }

отметьте здесь https://stackblitz.com/edit/angular-dc8cyl