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

Question

我试图在应用条件时隐藏上下文菜单。我遇到了 this post 并跟进了它，但仍然显示上下文菜单。我正在尝试将上下文菜单添加到 p-table 并且我有一个条件，如果没有可用的选项那么我想隐藏上下文菜单但是当我在上下文菜单上调用 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>

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

Hide Primeng context menu with a condition

html

frontend

typescript

primeng

angular