Question

Angular PrimeNG megamenu可见false不起作用。

<p-megaMenu [model]="menuItems"></p-megaMenu>

this.menuItems = [
              {
                  label: 'Home', items: null, routerLink: ['']
              },
              {
                  label: 'About', visible: false,
                  items[{label: 'About 1.1', visible: false},{label: 'About 1.2'}]
              }]

在上面的示例中，我使用了About和About 1.1两次使用visible false，但是没有使用它。有没有人知道如何让它发挥作用？

Answer 1

来自MegaMenu doc：

MegaMenu使用常见的menumodel api来定义其项目，有关详细信息，请访问MenuModel API。

因此，您应该能够使用visible属性来隐藏菜单项。

但是，如果您查看megamenu.ts源代码，则会发现没有任何内容引用此属性，而例如menubar.ts源代码的情况如下：

[ngClass]="{'ui-helper-hidden': child.visible === false}"

要解决此问题，为什么不从visible数组中删除menuItems属性为false的项？

Angular PrimeNG megamenu可见false不起作用

1 个答案: