Angular материал mat-sidenav-content проблема события щелчка

Question

Когда я помещаю click событие в mat-sidenav-content <mat-sidenav-content (click)="isNavBarOpened=false"> mat-slide-toggle внутри не работает.

Вот пример

Answer 1

Добавьте $ event.stopPropagation () в компонент переключателя мат-слайдов, чтобы событие не всплыло.

<mat-slide-toggle (click)="$event.stopPropagation()"></mat-slide-toggle>

Forked Example

Answer 2

Прослушайте событие изменения и переключите свой логический параметр соответственно.

https://stackblitz.com/edit/angular-cvlqrt-qjc44x