这个问题可能是由于一些CSS样式冲突而导致的。您可以尝试使用以下CSS覆盖样式,以确保mat-checkbox可点击:
.mat-checkbox-layout{ pointer-events: auto; cursor: pointer; }
如果这个解决方法无效,您可以尝试在mat-checkbox上添加一个click事件绑定,如下所示:
在组件代码中,您可以添加一个onCheckboxClick函数来处理点击事件,并确保防止事件冒泡:
onCheckboxClick(event: Event){ event.stopPropagation(); // 处理点击事件 }
添加这个click事件绑定可以解决mat-checkbox不可点击的问题。