Question

有一种默认情况下预选择菜单的子项的方法。我正在使用组件 p-panelMenu ，但是当我更改任何url路径时，我将失去先前选择的SubItem的焦点。因此，每次更改URL时，我都需要再次将焦点放在SubItem上以预先选择父菜单的子项。在primeNg文档中，我看不到任何预选菜单子项的选项。

非常感谢您

Answer 1

将其放入style.css 作为我们的设计

.ui-state-active {
  background: #d6d6d6;
}

您的数组将是这样

 this.items = [
            {
                label: 'File',
                icon: 'pi pi-pw pi-file',
                items: [

                    {
                      label: 'Open', 
                      routerLink: ['/proposal/create'], 
                      routerLinkActiveOptions: { exact: true },
                      icon: 'pi pi-fw pi-external-link'
                    },
                    {separator: true},
                    {
                      label: 'Quit',
                      routerLink: ['/proposal'],
                      routerLinkActiveOptions: { exact: true },
                      icon: 'pi pi-fw pi-times'
                    }
                ]
            }
        ];

希望这会解决。这里是参考：https://stackblitz.com/edit/angular-primeng-themes-k6ytpi?file=src%2Fapp%2Fapp.component.ts

PrimeNg选择菜单的默认子项

1 个答案: