PrimeNg Select 默认菜单的子项

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 Select 默认菜单的子项

PrimeNg Select SubItem of menu by default

primeng

angular