仅在单击时显示/隐藏子菜单

Question

我在菜单栏中使用PrimeNG 7.1.3。当前，它们具有autoDisplay: true(for mouse enter) or false(for mouse click)子菜单在鼠标输入或单击时显示的属性。但是，在使用点击时，并不会保持这种状态。

因此，最初，该子菜单不会在鼠标悬停时显示，但是当我单击时，该子菜单会显示，但是当我将鼠标悬停在另一个菜单项上时，该子菜单会隐藏（这是我不想要的）。我希望子菜单保持显示状态，即使我将鼠标悬停在另一个菜单项上也是如此。我怎样才能做到这一点？

代码（来自教程）：

app.component.html

<p-menubar [model]="items" [autoDisplay]="false">
</p-menubar>

app.component.ts

export class AppComponent implements OnInit {
  title = 'MockMenuBar2';
  items: MenuItem[];

  ngOnInit() {
    this.items = [
      ...
    ];
  }
}

输出：

任何线索都将有所帮助。我只是不想在将鼠标悬停在其他菜单项上时隐藏子菜单。