Angular11如何只显示多个primeng上下文菜单中的一个

Question

我正在开发 Angular 应用程序，我在 forloop 中有一个按钮，点击打开上下文菜单。我只想打开一个菜单。目前有多个菜单处于打开状态。

<div *ngFor="let i of items">

<p-contextMenu
    [global]="false"
    #cm
    [model]="contextMenuOptions"
    appendTo="body"
    name="contextMenu"
>
</p-contextMenu>

            <button
                class="icon-button"
                type="button"
                (contextmenu)="openCm($event, cm)"
                (click)="openCm($event, cm)"
                (keyup.enter)="openCm($event, cm)"
            >
                <i class="far fa-ellipsis-v"></i>
            </button>
</div>

openCm(event, cm) {
    event.preventDefault();
    event.stopPropagation();
    cm.show(event);
    return false;
}

Answer 1

将您的上下文菜单放在循环之外，并在可以工作的按钮内调用调用它的函数。 碰巧的是，通过在循环中，它正在为表的每一行创建一个上下文