<mat-checkbox (change)="handleProductClick(children, $event)" [(ngModel)] = "children.selected"
[name]="children.grpId" [id]="children.id"></mat-checkbox>
handleProductClick(selectedProd : Product, event: any)
{
event.stopPropagation();
}
如果我使用单击功能而不是更改,则可以正常工作。虽然我无法使用click。我必须坚持改变。有没有一种方法可以从change函数调用stopPropagation?如果不是,我还能做些什么来阻止事件传播?
最佳答案
我知道了必须同时使用复选框和单击复选框。我已经尝试过了。唯一的区别是我在click方法中调用了一个函数,但从未调用过它。如果您在模板中的click方法上调用$ event.stopPropagation,则效果很好。奇怪的。以下答案解决了我的问题。 Angular 2 prevent click on parent when clicked on child<mat-checkbox (change)="handleProductClick(children, $event)"[checked]="children.selected" (click)="$event.stopPropagation()"
[name]="children.grpId" [id]="children.id"></mat-checkbox>
关于onchange - 如何在更改 mat-checkbox 时调用函数时停止事件传播?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52081760/