Question

我正在处理一个显示带有第一列作为复选框的表格的表单。用户应该至少选择一个复选框。我要在提交表单时突出显示复选框，因为需要选中它们。以下是我的复选框代码-

<td mat-cell *matCellDef="let account">
    <mat-checkbox (click)="$event.stopPropagation()"
    (change)="$event ? datalist.toggle(account) : null"  
   [checked]="datalist.isSelected(account)"                                                  
    formControlName="checkbox" required>
     </mat-checkbox>
</td>

我尝试搜索focus属性，但是没有找到合适的示例。

Answer 1

如果要将焦点添加到复选框，则必须使用ViewChild装饰器将引用添加到复选框

@ViewChild('ref') ref:ElementRef;

然后添加Focus方法以将元素集中在Click上

 onClick(){
  this.ref.focus();
  }

示例：https://stackblitz.com/edit/angular-checkbox-focus

如何在Angular 6中的复选框上设置焦点

1 个答案: