时间戳

首页 > 解决方案 > 如何检测材质单选按钮或组何时失去焦点？

angular - 如何检测材质单选按钮或组何时失去焦点？

问题描述

就是这个问题，查不出来。我试过了：

<mat-radio-button [value]="value" (blur)="onBlur($event)">

但徒劳无功。我知道模糊事件应该只有那些可以聚焦的元素，并且内部深处的材质按钮具有输入元素。那么，有没有没有复杂变通办法的简单解决方案？提前致谢！

标签： angularangular-material

解决方案

您可以直接(focusout)在mat-radio-group或上使用事件绑定mat-radio-button。
HTML 代码：

<mat-radio-group aria-label="Select an option" (focusout)="outOfFocus()">
  <mat-radio-button value="1">Option 1</mat-radio-button>
  <mat-radio-button value="2">Option 2</mat-radio-button>
</mat-radio-group>

TS 代码：

outOfFocus(){
 console.log("You reached out of focus")
}

推荐阅读