Angular2两个路由到一个组件?

前端之家收集整理的这篇文章主要介绍了Angular2两个路由到一个组件?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在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]);
  }
}

猜你在找的Angularjs相关文章