title: allow only one checkbox to be checked in angular Material
body: <p><strong><em>I am using Angular 6 and angular material data-table with checkbox I want to select one checkbox at one time.</em></strong></p>
  
  <p>Mat checkbox I am using as a checkbox.</p>
  
  <p>the only one can show selected checked and previous one unchecked. </p>
  
  <pre><code>&lt;span *ngIf="key.data == 'check'"&gt;
      &lt;td mat-cell *matCellDef="let row ; let i = index;"&gt;
         &lt;mat-checkbox (click)="checkBoxSelected(row, i)"&gt;&lt;/mat-checkbox&gt;
      &lt;/td&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p><strong><em>How to i hendle in typescipt so</em></strong>  </p>
  
  <p><a href="https://i.stack.imgur.com/6PbO0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6PbO0.png" alt="enter image description here"></a></p>
  
  <p><strong><em>If I selected Both it allows me to do</em></strong> </p>
  
  <p><a href="https://i.stack.imgur.com/nC3f7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nC3f7.png" alt="enter image description here"></a></p>
  
  <p><strong>*but i want to select only one at a time so if you have an idea or you want to idea what <a href="https://codepen.io/thompsonemerson/pen/jPvgoy" rel="nofollow noreferrer">check here</a> like *</strong></p>