title: Two way binding on angular 6 reactive form
body: <p>I am trying to create a complex reactive form with nested component that is populated with a data object.</p>
  
  <p>The behavior I am trying to achieve is very similar to the two-way data binding of a template-driven form: when the user edits an input of the form, the data object is changing <strong>automatically</strong>. </p>
  
  <p>but as opposed to template-driven form, I cannot use <code>[(ngModel)]</code> because it is deprecated in reactive forms  for angular V6.</p>
  
  <p>I know that <code>fromGroup.patchValue()</code> will only do a one way binding and then ill have to manually subscribe to change events and update the data object manually - this will result in a lot of tiring code.</p>
  
  <p>Is there any workaround for that scenario?</p>