title: how to disable checkbox when any of other is checked angular 7
body: <pre><code>&lt;div&gt;
    &lt;mat-checkbox formControlName="A"&gt;A&lt;/mat-checkbox&gt;
    &lt;mat-checkbox formControlName="B"&gt;B&lt;/mat-checkbox&gt;
    &lt;mat-checkbox formControlName="C"&gt;C&lt;/mat-checkbox&gt;
    &lt;mat-checkbox formControlName="D"&gt;D&lt;/mat-checkbox&gt;
    &lt;mat-checkbox formControlName="E"&gt;E&lt;/mat-checkbox&gt;
    &lt;mat-checkbox formControlName="F"&gt;F&lt;/mat-checkbox&gt;
    &lt;mat-checkbox formControlName="Z"&gt;Z&lt;/mat-checkbox&gt;   
  &lt;/div&gt; 
  </code></pre>
  
  <p>I need to disable Z checkbox if any of other is checked.And also if Z checkbox is selected I need to disable all other other checkboxes.</p>
  
  <p>How to achieve this?</p>