仅允许在角度材质中选中一个复选框答案

【问题标题】：allow only one checkbox to be checked in angular Material仅允许在角度材质中选中一个复选框
【发布时间】：2018-09-19 07:46:36
【问题描述】：

我正在使用 Angular 6 和带有复选框的角度材料数据表，我想一次选择一个复选框。

Mat 复选框我用作复选框。

只有一个可以显示选中的选中和未选中的前一个。

<span *ngIf="key.data == 'check'">
    <td mat-cell *matCellDef="let row ; let i = index;">
       <mat-checkbox (click)="checkBoxSelected(row, i)"></mat-checkbox>
    </td>
</span>

我如何在 typecipt 中处理

如果我选择了两者，我可以这样做

*但我想一次只选择一个，所以如果您有想法或想知道check here 喜欢什么*

【问题讨论】：

你能提供给stackblitz这个问题吗！！！
我想要这样的东西codepen.io/thompsonemerson/pen/jPvgoy
您能告诉我们您为完成这项任务所做的努力吗？
我只是想在一个和旧的更多取消选择中选择一个复选框
使用一个工具来达到它的目的 - Material radio buttons

标签： javascript angular typescript angular-material

【解决方案1】：

 For selecting only one checkbox at one time, you can make changes in your code like this: 

<tr *ngFor="let item of managerList;let i = index"> 
                            <td scope="row">
                             <div class="media align-items-center">
  <mat-checkbox [disabled]="isDisabled" [checked]="selected === i" (change)="selected 
  =i" id="{{item.id}}" #checkbox="matCheckbox"  (click)="getrecord(checkbox,element)"> {{item.fullName}} </mat-checkbox> 
</div>
 </td>
 </tr>

【讨论】：