是否可以为mat-checkbox和mat-checkbox标签设置不同的点击事件？

Question

我需要为mat-checkbox及其标签设置不同的点击事件。有人帮我解决这个问题。

Answer 1

您可以执行以下操作来完成此操作。

将标签文本放在span中，并在(click)中使用span，在(change)中使用mat-checkbox

<mat-checkbox (change)="SetString('CheckBox')"></mat-checkbox>
<span style="margin-left:2%" (click)="SetString('CheckBoxTag')">Click here for tag event!</span>

Stackblitz

https://stackblitz.com/edit/angular-z1pgeg?embed=1&file=app/checkbox-overview-example.html