angular - Angular 材质 mat-sidenav-content 点击事件问题

Question

当我将click事件放在mat-sidenav-content <mat-sidenav-content (click)="isNavBarOpened=false"> 上时，mat-slide-toggle内部不起作用。

这是示例

标签： angularangular-materialmat-sidenavmat-slider

Answer 1

在你的 mat-slide 切换组件上添加 $event.stopPropagation() ，这样事件就不会冒泡。

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

分叉示例