Angular2两个路由到一个组件？

发布时间：2020-12-17 17:58:33 所属栏目：安全来源：网络整理

导读：在Angular 2中,我想定义两个使用相同Component的路由,但是一个路由是使用特殊预设参数的特殊情况.现在我想做的是他的： @RouteConfig([ { path: '/',name: 'Home',component: HomeComponent },{ path: '/user/:id',name: 'User',component: UserComponent },

在Angular 2中,我想定义两个使用相同Component的路由,但是一个路由是使用特殊预设参数的特殊情况.现在我想做的是他的：

@RouteConfig([
  { path: '/',name: 'Home',component: HomeComponent    },{ path: '/user/:id',name: 'User',component: UserComponent  },{ path: '/special-user',component: UserComponent,params:{'userId':'123'}  },])

我需要的是在“/ special-user”的最后一个路由定义中的“params”.这有可能吗？

编辑：在路径/ user /：id中,id是url的一部分,但在特殊用户的情况下,我希望id不可见而不是url的一部分

解决方法

Angular 2 Beta.x

将路线定义为

@RouteConfig([ 
  ...
  { path: '/special-user/:userId',name: 'SpecUser',component: UserComponent}
])

使用

里面的模板

[routerLink]="['SpecUser',{userId:123}]"

内部组件

export class SomeComponent  {
  constructor(private router: Router) {}

  someMethod() {
    this.router.navigate(['SpecUser',{userId:123}]);
  }
}

Angular 2 RC

将路线定义为

@Routes([ 
  ...
  { path: '/special-user/:userId',component: UserComponent}
])

使用

里面的模板

[routerLink]="['/special-user',123]"

内部组件

export class SomeComponent  {
  constructor(private router: Router) {}

  someMethod() {
    this.router.navigate(['/special-user',123]);
  }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!