2016-04-28 82 views
0

在我的應用程序中,我們在app.component.ts文件中創建了路由,如下所示。導航到角度爲2的其他組件中定義的子路由

@RouteConfig([ 
    { path: '/dashboard/...', name: 'Dashboard', component: DashboardComponent }, 
    { path: '/home', name: 'Home', component: HomeComponent }, 
]) 

和創建的路由在儀表板組件,用於子頁面中的收件箱等的儀表板,檔案館等

@RouteConfig([ 
    {path:'/inbox', name: 'Inbox', component: InboxComponent, useAsDefault: true}, 
    {path:'/outbox', name: 'Outbox', component: OutboxComponent}, 
    {path:'/profile', name: 'MyProfile', component: MyProfileComponent} 
]) 

我現在已經生成的標題組分,它是常見的儀表板。 ,我試圖從標題組件導航到

我已經試過

this.router.navigate(['Dashboard/MyProfile']); 

不過,這只是改變瀏覽器的URL框中的URL,但不重定向到組件「dathboard /個人資料」。

我是新來的角2.需要幫助來解決這個導航isssue。

回答

0

這應該做你想要什麼:

this.router.navigate(['/ Dashboard', 'MyProfile']); 

確保已ROUTER_PROVIDERS只在根組件添加一次(或可選擇地在bootstrap()

+0

試過 還是同樣的問題 –

+0

你有'。 ROUTER_PROVIDERS'被添加到多個地方(根組件或'bootstrap(...)'? –

+1

是在標頭組件中 刪除它並且它的工作正在進行中 其第三次你救了我Günter 你是老闆。 –

相關問題