防止mat-expansion- panel -header中的滑动开关扩展面板
防止mat-expansion- panel -header中的滑动开关扩展面板
提问于 2020-08-20 20:13:40
我在我的应用程序中有一个垫子扩展面板，需要在它的标题中有一个滑动切换。
问题是，当滑动开关被切换时，鼠标事件也会激活扩展面板的扩展功能。这意味着只需一次点击，滑动开关就会改变，面板就会展开，这并不理想。
我尝试调用$event.stopPropagation()，但没有任何效果。有没有办法防止这种情况发生？
<div>
<mat-expansion-panel>
<mat-expansion-panel-header class="card-padding" disabled="true">
<div class="flex-row">
<div class="align-center mr-md">
<mat-slide-toggle disableRipple="true" (change)="toggleChange($event)"></mat-slide-toggle>
</div>
</div>
</mat-expansion-panel-header>
</mat-expansion-panel>
</div>
toggleChange(event: any){
event.stopPropagation(); //this does nothing
}Stack Overflow用户
回答已采纳
发布于 2020-08-20 20:20:57
您应该使用(click)而不是(change)，并且可以直接将其添加到模板中，如下所示
<mat-slide-toggle disableRipple="true" (click)="$event.stopPropagation()"></mat-slide-toggle>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63504846
复制相关文章
相似问题
腾讯云开发者
