PrimeNG p-tree组件onNodeContextMenuSelect事件无法触发问题咨询

右键点击节点时浏览器弹出默认菜单、onNodeContextMenuSelect事件未触发，核心是没阻止浏览器默认右键行为，同时确保事件绑定生效，按以下步骤修复：

• 自定义节点模板，在节点元素上绑定contextmenu事件并阻止默认行为，避免浏览器自带菜单干扰
• 保留原有的onNodeContextMenuSelect事件绑定，确保右键选中节点时触发目标函数

修改后的代码示例：

<p-tree
  [value]="files"
  selectionMode="single"
  (onNodeContextMenuSelect)="showContect($event)"
>
  <ng-template pTemplate="default" let-node>
    <span (contextmenu)="$event.preventDefault()">{{node.label}}</span>
  </ng-template>
</p-tree>

说明 #

• (contextmenu)="$event.preventDefault()" 会拦截浏览器默认右键菜单，让PrimeNG的onNodeContextMenuSelect事件正常触发
• 若问题仍存在，检查files数组的节点结构是否符合PrimeNG要求（需包含label等必要属性），确保节点能被正确渲染和识别

内容的提问来源于stack exchange，提问作者shayak malakar