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

时间:2018-09-19 07:46:36

标签: javascript angular typescript angular-material

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

我正在使用的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>

如何理解类型密码

enter image description here

如果同时选择“两者”,则可以这样做

enter image description here

*但是我一次只能选择一个,所以如果您有一个主意或者想知道check here是什么样的*

1 个答案:

答案 0 :(得分:0)

 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>
相关问题