angular - 在页面上放置多个上下文菜单时上下文菜单显示不正确

Question

我正在处理一个项目，需要在单个页面上的多个级别上显示上下文菜单。为了简单起见，让我们将其视为 div 内的 Anchor 标签列表，我在其上设置了上下文菜单，如下所示：

<ul *ngFor="let intention of intentions; let i = index" [contextMenuSubject]="intention"
          [contextMenu]="intentionMenu"
          class="intension-tree">

这绝对没问题。但正如我之前写的。我的代码中提到的这些元素或“意图”是锚点，因此当我单击这些元素时，会触发单击事件并且我绑定了一个对话框。此对话框显示所选意图的子“意图”。现在对于这些子意图，我为它们的父意图添加了一个类似的上下文菜单。这是我的子意图代码：

    <ul *ngFor="let subIntension of subIntentions; let i = index" [contextMenuSubject]="subIntension"
        [contextMenu]="subintentionMenu"
        class="intension-tree">

现在的问题是，当我右键单击其父级后右键单击子意图时，它无法正确显示。简而言之，如果我在为他们的（父）意图打开上下文菜单之后为子意图打开这个上下文菜单。该对话框呈现在 subintention 对话框下。

我正在添加以下问题的屏幕截图：

此上下文菜单的正常功能用于父意图

子/子意图的上下文菜单的问题功能

标签： angularprimeng