我正在使用来自primeng的菜单栏作为我的应用程序 . 我显示了菜单，但我无法在我的应用程序中使路由工作 . 我设置特定链接的路由说“reports / 89”，但是当我点击链接对应的菜单时，它会尝试转到“localhost：3000 / r / e / p / o / r / t / s / 8/9” “这显然不存在 . 我检查了包含我的菜单的items对象，routerLink正确指向“reports / 89” . 这里发生了什么以及为什么primeng将链接中的每个字符放入/中 . 我的代码很简单：私有项目：MenuItem [] = [];用项目，标签和routerLinks填充项目数组 .
this.items = [
{
"label": "Lookup",
"routerLink": "/reports/79"
},
{
"label": "Reports",
"routerLink": "/reports/89",
"items": [
{
"label": "Lab Results",
"routerLink": "/reports/3"
},
{
"label": "test Results",
"routerLink": "/reports/4"
}
]
所有菜单都显示正确但我注意到由菜单项的primeng构建的span元素的href设置为“＃” . 这可能是问题，但不知道为什么设置这种方式因为我提供自己的routerLinks .
我没有在我的组件中做任何路由我认为所有都将在primeng中完成 .
谢谢你的帮助
1 回答
我发现了我的问题 . 我正在以错误的格式发送路由器链接，但让我离开的事情并没有得到任何错误，并试图走那条疯狂的道路 . 无论如何，对于有这个问题的其他人来说，routerLink需要是一个数组，其中包含路径的字符串，其开头是“/” . 所以在我的情况下应该是routerLink：['/ reports / 1'] .