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

Posted 2023-03-13

【中文标题】隐藏带有条件的 Primeng 上下文菜单

【英文标题】：Hide Primeng context menu with a condition

【发布时间】：2020-07-22 22:39:14

【问题描述】：

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

在 .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();
   

【参考方案1】：

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

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