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

Question

感谢您抽出时间来阅读这篇文章。

要澄清的是，我是primeNg的新手，也不是angular的高级用户。

菜单本身显示良好，操作正常，除了以下几点:我可以通过遵循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"],

        },

    ]

Answer 1

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

如果其他人有这个问题-这是有效的:)

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"]
}]