Angular2 два маршрута к одному компоненту?

Question

В Angular 2 Я хотел бы определить два маршрута, которые используют один и тот же компонент, но один маршрут является особым случаем с использованием специального заданного параметра. Теперь то, что я хочу сделать, это его:

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

Что мне нужно «Титулы» в последнем маршруте четкостью до «/ специального пользователя». Это вообще возможно?

Edit: в пути/пользователь /: ид ид является частью адреса, но в специальном-пользовательском случае, я хотел бы для ид быть невидимым и не быть частью адреса

Answer 1

Я нашел ответ в этой статье:

https://auth0.com/blog/2016/01/25/angular-2-series-part-4-component-router-in-depth/1

настроить маршрут

@RouteConfig([ 
    { path: '/myroute', component: MyComponent, name: 'MyRoute', data: { isAdmin: true } } 
]) 

внутри компонента:

import {RouteData} from 'angular2/router'; 

export class MyComponent { 
    isAdmin: boolean; 

    constructor(data: RouteData) { 
    this.isAdmin = data.get('isAdmin'); 
    } 
} 

Answer 2

Угловое 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}]); 
    } 
} 

Угловое 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]); 
    } 
}