Угловая 2 Перейдите к внутренней привязной ссылке

Question

Я пытаюсь выполнить глубокую привязку в компоненте Angular 2, чтобы открыть вкладку, когда задан параметр URL. Пример:

http://my.project/tabs/2

Это позволило бы вызвать мой компонент для загрузки вкладку № 2 на странице загрузки вместо вкладки по умолчанию # 1.

Мне также нужно изменить текущий URL-адрес на http://my.project/tabs/2, когда на странице нажимается Tab # 2.

Answer 1

Если вы хотите использовать URL-адреса, вам понадобится router. После настройки маршрутизации вы можете использовать маршрутизатор в своих компонентах. Скажем, у вас есть эти маршруты:

@RouteConfig([ 
    { path: '/tabs', name: 'Tabs', component: TabsComponent }, 
    { path: '/tabs/:id', name: 'TabDetails', component: TabDetailsComponent }, 
]) 

то в компоненте вы можете сделать что-то вроде этого:

constructor(private _router: Router) { 
    // this will handle initial opening, or browser refresh 
    let initial: any = this._router.subscribe(route => { 
    let tabID = route.replace('tabs/', ''); // or something smarter please (; 
    this.openTabs(tabID); 
    initial.unsubscribe(); 
    }); 
} 
openTabs(id) { 
    if (!check_if_its_initial) { 
    this._router.navigate(['Tabs', 'TabDetails', {id: id}]); 
    } 
}