使用Primeng的MegaMenu组件时嵌套选项routerLink不生效如何解决？

解决方案 #

你遇到的是PrimeNg MegaMenu二级子菜单项路由跳转失效的常见问题，按以下步骤排查解决即可：

1. 优先修正路由路径写法
   你当前子项的routerLink:['notWorking']是相对路径，会基于当前激活的路由拼接，若没有配置对应子路由就会跳转失败。改成绝对路径测试：

routerLink:['/notWorking']

路径开头加斜杠代表从应用根路径开始匹配，同时确认你的路由配置文件中已经注册了notWorking对应的路由规则。
2. 手动触发路由跳转（兼容性最强方案）
如果修正路径后还是失效，大概率是你使用的PrimeNg版本对二级子菜单项的routerLink属性支持有问题，改用command属性手动触发跳转即可：
首先在组件中注入Router：

import { Router } from '@angular/router';

constructor(private router: Router) {}

然后修改子菜单项配置：

{
    label: 'I\'m not Working',
    command: () => this.router.navigate(['/notWorking'])
}

3. 可选排查项
   确认你的app.module.ts或者对应功能模块已经引入了RouterModule，不过你顶层菜单能正常跳转的话这个配置一般是没问题的。

内容的提问来源于stack exchange，提问作者Kris Burnett