title: If one checkbox is checked others are disabled in angular 6
body: <p>I have a loop for display the address. Depending upon the address, checkbox is also displayed. If one checkbox is checked, other checkboxes should automatically be disabled.</p>
  
  <p>checkbox.html:</p>
  
  <pre><code>&lt;div *ngFor ="let cust of customer.Address" &gt;
     &lt;button type="button" class="btn-edit" data-toggle="modal" data-target="#modal" &gt;  
       &lt;a (click)="showOnEdit(cust)"&gt;
         &lt;i class="fa fa-pencil-square-o"&gt;&lt;/i&gt; Edit
       &lt;/a&gt;                           
    &lt;/button&gt;  
  
    &lt;input type="checkbox" [disabled]="checkIfOthersAreSelected" (change)="checkSelected($event)"&gt;                            
  &lt;/div&gt;
  </code></pre>
  
  <p>checkbox.ts:</p>
  
  <pre><code>checkSelected(e)
  {
    if(e.target.checked)
    {
      this.checkIfOthersAreSelected = true;
    }
  }
  </code></pre>
  
  <p>I tried lot of answers related to this question, but failed to get the result. How to achieve this?</p>