title: How to apply disabled attribute on div tag which is a formgroupname in angular 4
body: <p>Code snippet:</p>
  
  <pre><code>&lt;div formGroupName="address" [disabled] = "isDisabled"&gt;
  &lt;label class="accordion-header"&gt;Address:&lt;/label&gt;
    &lt;input type="radio" name="address" value="true" formControlName="address" [checked]="settingsForm.controls.address.controls.booleanAddress.value === 'true'"&gt;Inherit
    &lt;input type="radio" name="address" value="false" formControlName="address" [checked]="settingsForm.controls.adddress.controls.booleanAddress.value === 'false'"&gt;Override
  </code></pre>
  
  <p></p>
  
  <p>Im not able to use disabled or readonly on formgroupname at div or section tags. I can apply at formcontrol name in component class, but the requirement is to apply disable at group level. </p>
  
  <p>How do I disable the whole group?</p>
  
  <p>I'm using Angular 4.</p>