使用:id

时间:2019-04-12 07:50:21

标签: angular typescript ionic-framework router

我正在尝试使用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]);
}

1 个答案:

答案 0 :(得分:1)

除非链接是来自根的直接路由,否则应完全指定链接(Docs)。

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

请参见以下示例:Stackblitz Routing Demo