Angular 2導航到根路由「/」

我想從一個子路由導航到主路由，但沒有任何反應。Angular 2導航到根路由「/」

I.e.目前的路線是/projects

this.router.navigate(['/'])也沒有routerLink="/"的作品。

我routerConfig看起來像這樣

const routes: Routes = [ 
{ 
    path: '', 
    component: HomeComponent 
}, 
{ 
    path: '/projects', 
    component: ProjectsComponent 
} 
]

我如何去這樣做呢？

來源

2016-11-24 koech

嘗試添加父......像這樣：this.router.parent.navigate（[「/」]） – Anokrize

此外，當你說孩子將其路由如果你添加了你的目錄層次結構，這樣會很有幫助，所以我可以準確地看到你正在嘗試做什麼。我很肯定我的答案會幫助你，但如果它不，那麼告訴我你的目錄是如何設置的，所以我可以幫助更多。 – wuno

嘗試添加該redirectTo你的路線，

const routes: Routes = [ 
    { path: '', redirectTo: 'home', pathMatch: 'full' }, 
    { path: '/home', component: HomeComponent }, 
    { path: '/projects', component: ProjectsComponent } 
    ];

來源

2016-11-24 15:54:20 wuno

這工作正確。雖然我不明白爲什麼我的方法無法工作。你能否詳細說明爲什麼創建重定向路由有效。 – koech

它與子組件有關。例如，我認爲如果你的家庭組件。實際上是旁邊的app.component而不是/components/home.component我不認爲這是必要的。我老實說不太確定，但我自己花了6個小時。所以我覺得你的痛苦兄弟我感到你的痛苦。 – wuno

Angular 2導航到根路由「/」

回答

相關問題