繁体   English   中英

只允许在角形材质中选中一个复选框

[英]allow only one checkbox to be checked in angular Material

我正在使用Angular 6和Angular Material Data-Table复选框,我想一次选择一个复选框。

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>

我该如何理解TypeScipt

在此处输入图片说明

如果我选择两者都可以

在此处输入图片说明

*但是我一次只能选择一个,因此,如果您有想法或想知道这里的检查内容,例如*

 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>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM