Angular 2導航到內部錨鏈接

Question

我正在嘗試在Angular 2組件中進行深度鏈接，以便在設置URL參數時打開一個選項卡。例如：

http://my.project/tabs/2

這將隨後觸發我組件加載標籤＃2在頁加載而不是1的默認選項卡＃。

我還需要在頁面上單擊標籤＃2時將當前URL更改爲http://my.project/tabs/2。

Answer 1

如果你想使用網址，你需要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}]); 
    } 
}