时间戳

首页 > 解决方案 > 使用 Primeng 的 MegaMenu 组件，如何让我的嵌套选项与“routerLink”交互

angular - 使用 Primeng 的 MegaMenu 组件，如何让我的嵌套选项与“routerLink”交互

问题描述

感谢您抽出时间来阅读。

为了澄清我是primeNg的新手，也没有主角度用户。

菜单本身显示良好并按预期运行，但以下内容除外：我可以设置一个顶部菜单，以通过遵循 routerLink 集来响应被点击。但是，在创建下拉菜单的菜单选项中，我无法获得与下拉选项相同的行为。

例如：

    this.items = [
        {
            
            label: 'Menu option', icon: 'pi pi-upload',
            items: [
                [
                    {
                        label: 'I'm not Working',
                        routerLink:['notWorking'],

                    },
                ],
                
            ]
        },
     
        {
            label: 'I am working', 
            icon: 'pi pi-fw pi-calendar', 
            routerLink:["workingGreat"],

        },

    ]

标签： angularprimengmegamenu

解决方案

我一问就知道我会弄明白的。

如果其他人有这个问题 - 这工作:)

this.items = [{
    label: 'Menu option',
    icon: 'pi pi-upload',
    items: [
        [{
            //ADD THIS HERE
            items:[{
                label: 'I'm not Working',
                routerLink:['notWorking']
            }]
        }]
    ]},
{
    label: 'I am working', 
    icon: 'pi pi-fw pi-calendar', 
    routerLink:["workingGreat"]
}]

推荐阅读