Angular2RC4-Primeng 菜单栏 routerlink 在点击后不转到我的路线

Question

我正在为我的应用程序使用 primeng 的菜单栏。我显示了菜单，但我无法在我的应用程序中使用路由。我设置了特定 link 的路线说 "reports/89"，但是当我单击对应于 link 的菜单时，它试图转到显然不存在的 "localhost:3000/r/e/p/o/r/t/s/8/9"。我检查了包含我的菜单的项目对象，routerLink 正确指向 "reports/89"。这里发生了什么以及为什么 primeng 将 / 放在 link 中的每个字符之间。我的代码很简单：私有项：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 为菜单项构建的跨度元素的 href 设置为“#”。这可能是问题所在，但不知道为什么会这样设置，因为我提供了自己的 routerLinks。

我没有在我的组件中做任何路由我认为所有都将在 primeng 中完成。

感谢您的帮助

Answer 1

我发现了我的问题。我以错误的格式发送路由器 link，但让我失望的是没有收到任何错误并试图走那条疯狂的路。无论如何，对于遇到此问题的任何其他人，routerLink 需要是一个数组，其中包含指向以“/”开头的路径的字符串。所以在我的例子中应该是 routerLink: ['/reports/1'].

Angular2RC4-Primeng 菜单栏 routerlink 在点击后不转到我的路线

Angular2RC4-Primeng Menubar routerlink does not go to my routes after click

menubar

primeng

angular