关闭对话框窗口后禁用活动状态primeng菜单项

Question

我有Panel menu项目。 当我点击父项时，我应该打开dialog window

这是菜单内容ts

this.items = [
  {
    label: 'File',
    icon: 'fa-file-o',
    command: (event) => {
        this.showDialog(event)
    }
  }
];

和 HTML ：

<p-panelMenu [model]="items" [style]="{'width':'300px'}"></p-panelMenu>

<p-dialog header="HELLO" [(visible)]="display" modal="modal" [responsive]="true" [width]="350" [minWidth]="200" >
    <span>hi</span>

</p-dialog>

问题是，当我关闭该窗口时，菜单状态状态为活动状态。

当我关闭对话框窗口时，菜单会返回＆＃34; unactive＆＃34;状态（灰色而不是蓝色）

Stackblitz demo以更好地说明我的问题

Answer 1

突出显示为蓝色与项目上的expanded字段相关联，您可以在关闭对话框后手动将expanded设置为false。