使用 :id 时无法匹配任何路由

Cannot match any routes when using :id

我正在尝试使用 Angular 路由器通过一个 id 通过 link。我在路由模块中添加了一个带有 id 的 link,但它不起作用。

我尝试过使用路由的方法。喜欢:{ path: 'user/:id', component: UserPage}{ path: '/user/:id', component: UserPage} 但是 none 有效。

const routes: Routes = [
  { path: 'user/:id', component: UserPage}
];

userClick(id: number) {
    this._router.navigate([`/user`, id]);
}

您应该完全指定 link (Docs),除非它是来自根的直接路由。

示例:您有 randomlink 并且您想要访问 /user 您可以像当前使用的那样使用。但是如果你想访问 randomlink/someroute/user 你需要指定 someroute/user

参见以下示例:Stackblitz Routing Demo