Как остановить распространение события при вызове функции при смене mat-checkbox?

Question

<mat-checkbox (change)="handleProductClick(children, $event)"  [(ngModel)] = "children.selected"
[name]="children.grpId" [id]="children.id"></mat-checkbox>

handleProductClick(selectedProd : Product, event: any)
{
  event.stopPropagation();
}

Если я использую функцию щелчка вместо изменения, она работает нормально. Хотя я не могу использовать клик. Я должен придерживаться изменений. Есть ли способ вызвать stopPropagation из функции изменения? Если нет, что еще я могу сделать, чтобы остановить распространение события?

Answer 1

Я получил это работает. Пришлось использовать оба клика и поменять на флажок. Я пробовал это раньше. Единственным отличием было то, что я вызывал функцию в методе click, и он никогда не вызывался. Если вы вызываете метод $ event.stopPropagation для метода click в шаблоне, он работает хорошо. странный. Ответ ниже решил мою проблему. Угловой 2 предотвращает щелчок по родительскому элементу при щелчке по дочернему элементу

<mat-checkbox (change)="handleProductClick(children, $event)"[checked]="children.selected" (click)="$event.stopPropagation()" [name]="children.grpId" [id]="children.id"></mat-checkbox>