角度9：禁用标签复选框（而不是复选框）
Mattia_B
我需要它以便使可点击的只是复选框标签的一部分（“隐私权政策”）。这是代码段：
<div>
<mat-checkbox required formControlName="privacyCheck" [checked]="false">
<b style="color: crimson">*</b>Accetto la
<i style="color: #770E0E" (click)="printDebug()">privacy policy</i>
e i termini di condizione dell'utilizzo del servizio.
</mat-checkbox>
</div>
此刻，如果我单击斜体文本（“隐私策略”），则会得到printDebug，但当然复选框将设置为“ checked”。
我尝试了几种解决方案使用CSS属性pointer-events: none !important;上.mat-checkbox-layout .mat-checkbox-label span，.mat-checkbox-layout .mat-checkbox-label等。
波尔·克鲁伊特
好老式的stopPropagation()怎么样？
我的回答太快了
您需要这样做preventDefault()，因为的内容mat-checkbox将放置在中，<label>并且如果您单击附加的标签，这是默认的浏览器行为以选中一个复选框。
<i style="color: #770E0E" (click)="printDebug($event)">privacy policy</i>
printDebug(event: MouseEvent) {
event.preventDefault();
// ...
}
如果您使用材料的波纹效果，则仍会触发该效果。如果您不希望这样做，则必须.stopPropagation()在鼠标按下时执行以下操作：
<i style="color: #770E0E" (mousedown)="$event.stopPropagation()"
(click)="printDebug($event)">privacy policy</i>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
禁用复选框
- 2
复选框标签
- 3
复选框标签
- 4
GridView复选框禁用
- 5
启用-禁用复选框
- 6
角度复选框值
- 7
复选框标签的放置
- 8
获取复选框标签
- 9
如何根据选中的复选框禁用复选框？
- 10
选中复选框时移动复选框标签
- 11
单击图像而不是复选框的复选框功能
- 12
复选框位于标签的顶部而不是标签的左侧
- 13
禁用角度指令模板中的复选框
- 14
扩展复选框的复选框
- 15
AEM 6.1复选框启用/禁用标签属性
- 16
对讲宣布按钮和复选框“变暗”而不是“禁用”
- 17
如何显示选中的复选框的标签而不是其值
- 18
通过CSS禁用复选框点击
- 19
使用angularjs禁用复选框
- 20
基于复选框启用或禁用按钮
- 21
使用AngularJS的功能禁用复选框
- 22
如何动态启用禁用的复选框？
- 23
“只读”或“禁用灰色任务”复选框？
- 24
jQuery启用/禁用复选框
- 25
禁用复选框上的输入
- 26
通过单向绑定禁用复选框
- 27
限制/禁用/启用复选框
- 28
禁用提交直到选中复选框
- 29
禁用和启用Onchange复选框
我来说两句