在Primeng Angular 4中检查条件后显示上下文菜单

Question

我必须仅在第二级中在primeng树表中显示上下文菜单。 有没有办法只在一些条件检查后显示上下文菜单  打字稿（角4）？

Answer 1

你可以绑定onContextMenuSelect事件并玩[hide]， 我这样做了.. 在HTML ...

  <p-contextMenu #cm [model]="items" [hidden]="contextMenu"></p-contextMenu>

并且在ts ..

viewDetails(selectedNode) {
    this.contextMenu = false;
    if (selectedNode.children.length == 0) {
        this.contextMenu = false;
    }
    else { this.contextMenu = true;}
}

希望它有效..

Answer 2

对我来说，最好的选择是使用onContextMenuSelectEvent。首先，您需要将其添加到树表

<p-treeTable [style]="{'font-size':'1.7rem'}" selectionMode="single" [(selection)]="selectedFile" (onContextMenuSelect)="contextMenu($event.node, cm)" [contextMenu]="cm" [value]="treeNodeData">

然后在方法中，您必须检查您的条件并显示或隐藏上下文菜单

  contextMenu(node, contextMenu){
if(condition){
  contextMenu.hide();
  }
}

我希望它也适合你。