html - 隐藏带有条件的 Primeng 上下文菜单

Question

我试图在应用条件时隐藏上下文菜单。我遇到过this发布并跟进它，但仍然显示上下文菜单。我正在尝试将上下文菜单添加到 p 表，但我有一个条件，如果没有可用的选项，那么我想隐藏上下文菜单，但是当我在上下文菜单上调用 hide() 方法时，它不起作用。下面是我到目前为止所做的代码片段。

在 .html 文件中

<p-table #table (onContextMenuSelect)="onContextMenuSelect($event, tableContextMenu)" [contextMenu]="tableContextMenu"> </p-table>
<p-contextMenu #tableContextMenu appendTo="body" [model]="contextMenus"></p-contextMenu>

在 .ts 文件中

 public onContextMenuSelect(event, contextMenu){
     if(this.loadContextMenu){
     contextMenu.hide();
   }
}

Answer 1

将 (onContextMenuSelect) 更改为 contextmenu 将触发 contextMenu.hide(); 如果条件匹配。

<p-table #table (contextmenu)="onContextMenuSelect($event, tableContextMenu)" [contextMenu]="tableContextMenu"> </p-table>