Angular 如何限制上下文菜单以角度打开？

我有一个嵌套的div结构。主div宽度100%有一个上下文菜单。子div width 25%有一个上下文菜单。当我单击childdiv时，两个上下文菜单都将打开。如何限制父对象？有人能帮忙吗

 <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>

{{lineitem.display？'expand_less'：'chevron_right'}
便签

---

应该只打开lineItemMenu。但是sheetMenu和lineItemMenu都将打开。

您应该添加

事件.stopperPagation（）在lineItemMenu方法中