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

【问题标题】：Hide Primeng context menu with a condition隐藏带有条件的 Primeng 上下文菜单
【发布时间】：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();
   }
}

【问题讨论】：

标签： html angular typescript frontend primeng

【解决方案1】：

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

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

【讨论】：