如何解决PrimeNG TreeSelect点击子节点时复选框面板自动折叠问题

复现步骤 #

• 使用PrimeNG TreeSelect的复选框模式（对应官方文档中的checkbox示例）
• 依次勾选Documents复选框，再勾选其下的Home复选框（操作截图：）
• 勾选Invoices复选框

异常表现 #

完成上述操作后，TreeSelect的下拉面板会自动折叠，该行为不符合操作预期，且查阅官方文档未找到对应说明或解决方案。

临时解决思路 #

1. 排查自身代码，确认是否误将勾选事件与面板折叠逻辑绑定（比如意外触发了onClose事件）
2. 升级PrimeNG至最新稳定版本，验证是否为已修复的已知Bug
3. 手动控制面板展开状态：通过监听节点勾选/取消勾选事件，强制保持面板展开，示例代码如下：

// 模板代码
<p-treeSelect 
  [options]="files" 
  [(ngModel)]="selectedFiles" 
  selectionMode="checkbox" 
  (onNodeSelect)="maintainPanelOpen()" 
  (onNodeUnselect)="maintainPanelOpen()"
  #treeSelect
>
</p-treeSelect>

// 组件逻辑
import { ViewChild } from '@angular/core';
import { TreeSelect } from 'primeng/treeselect';

export class YourComponent {
  @ViewChild('treeSelect') treeSelectComponent!: TreeSelect;

  maintainPanelOpen() {
    // 强制展开下拉面板
    this.treeSelectComponent.show();
  }
}

内容的提问来源于stack exchange，提问作者Kay Dinh