如何解决如何限制在 Angular 中打开上下文菜单?
我有一个嵌套的 div 结构。 Main div width 100% 有一个上下文菜单。子 div 宽度 25% 有一个上下文菜单。当我单击子 div 时,两个上下文菜单都打开了。如何限制父级?任何人都可以帮忙
<div class="icon-td" (contextmenu)="sheetMenu($event);">
<button mat-icon-button
(click)="hideChild(lineitem)">
<mat-icon class="mat-icon-rtl-mirror">
{{lineitem.display ? 'expand_less' : 'chevron_right'}}
</mat-icon>
</button>
<div >
<mat-icon class="note-icon">sticky_note_2_outline</mat-icon>
</div>
<mat-form-field floatLabel="never" class="line-item-field" (contextmenu)="lineItemMenu($event);">
<input [style.marginLeft.px]="lineitem.level * 16" matInput
[value]="lineitem.lineItem" [id]="'line_'+lineitem.id">
</mat-form-field>
</div>
预期只有 lineItemMenu 应该打开。但是 sheetMenu 和 lineItemMenu 都打开了。
解决方法
您应该在 lineItemMenu 方法中添加 event.stopPropagation();
。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。