时间戳

首页 > 解决方案 > 使用 :id 时无法匹配任何路由

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

问题描述

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

我尝试过使用路线的方法。喜欢：但是它们{ path: 'user/:id', component: UserPage}都{ path: '/user/:id', component: UserPage} 不起作用。

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

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

标签： angulartypescriptionic-frameworkrouter

解决方案

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

示例：您拥有randomlink并且想要访问/user您可以按照当前使用的方式使用。但是如果你想访问randomlink/someroute/user你需要指定someroute/user

请参阅以下示例：Stackblitz 路由演示

推荐阅读