默认情况下PrimeNg选择菜单的SubItem

Question

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

非常感谢

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