title: Angular Reactive Forms - Let Nested Child Determine Enable/Disable
body: <p>I have a nested reactive form in angular.</p>
  
  <p>The child has 2 properties and the second one is either enabled or disabled based on the value of the first.</p>
  
  <p>The parent form has an edit button that enables/disables fields through
  <code>this.parentForm.enable()</code>.</p>
  
  <p>My problem is this enables the second child field no matter what and doesn't use the logic in the child to determine if it should be enabled or disabled.</p>
  
  <p><strong>What is the suggested approach for reactive forms with enable/disable logic in the children?</strong>  I tried using [disabled] but it didn't work and I received warnings that I shouldn't do this.</p>
  
  <p>Here's a <a href="https://stackblitz.com/edit/angular-edsopo" rel="nofollow noreferrer">stackblitz</a> with a sample problem.</p>
  
  <p>When <code>edit</code> is clicked it should only enable the last input if <code>Yes</code> is checked.  It should be disabled if <code>No</code> is checked.</p>