Angular 默认情况下,启动菜单的选择子项
有一种方法可以在默认情况下预选菜单的子项。我正在使用组件p-panel菜单,但当我更改任何url路径时,我会丢失先前选择的子项的焦点。因此,我需要再次将焦点放在子项上,以便在每次更改URL时预选父菜单的子项。在Priming文档中,我没有看到任何预选菜单子项的选项 非常感谢将其放入style.css 作为你的设计Angular 默认情况下,启动菜单的选择子项,angular,primeng,Angular,Primeng,有一种方法可以在默认情况下预选菜单的子项。我正在使用组件p-panel菜单,但当我更改任何url路径时,我会丢失先前选择的子项的焦点。因此,我需要再次将焦点放在子项上,以便在每次更改URL时预选父菜单的子项。在Priming文档中,我没有看到任何预选菜单子项的选项 非常感谢将其放入style.css 作为你的设计 .ui-state-active { background: #d6d6d6; } 您的阵列将是这样的 this.items = [ {
.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'
}
]
}
];
希望这能解决问题。参考资料如下:你能举个例子让问题变得易懂吗?在这里创建问题?现在我想要的是,例如,在默认情况下,在项目列表中预选,即父项的子项预选第二个子项,在这种情况下,标签为“打开”,以便保持标记为选中。对不起,我举了一个例子,但应用程序没有保存更改。请完成修改并编辑您的应用程序。您好,非常感谢,但我不明白您在哪里指示菜单中选择的默认元素???RouterLink活动选项:{exact:true},这是吗???实际上,只有css才起作用。ui状态活动{background:#D6D6;}RouterLink活动选项:{exact:true},因为这将帮助您。。如果您的路由器是用户和用户/列表。。这将使你的路线准确而活跃。。