2016-10-19 17 views
3

これは、これにフォローアップの質問です:私もこれを見てみましたが、それは本当に問題上の任意の光を当てるしない Angular 2 how does auxiliary routes work in 2.1.0?孫のビューを最初の子と同じルータコンセントにレンダリングするにはどうすればいいですか?

How to render the child route into the router-outlet of the parent`s parent

私が持っている親ルート/adminを持っている場合

const routes: Routes = [ 
    { 
    path: '', 
    component: AdminAreaComponent, 
    canActivate: [AuthGuardService] 
    }, 
    { 
    path: 'login', 
    loadChildren: '../pages/+login/login.module#LoginModule', 
    outlet: 'admin' 
    }, 
    { 
    path: 'dashboard', 
    loadChildren: '../pages/+dashboard/dashboard.module#DashboardModule', 
    outlet: 'admin' 
    } 
]; 

私は/admin(admin:dashboard)を経由してダッシュボードにアクセスするだろうが、今私は同じにdashboardの子ビューをレンダリングする必要があります。このようになりますどのはダッシュボードとして、adminです。そのビューは、次のようになります

const routes: Routes = [ 
    { 
    path: '', 
    component: DashboardComponent 
    }, 
    { 
    path: 'brands', 
    loadChildren: '../pages/+brands/brands.module#BrandsModule', 
    outlet: 'admin' 
    } 
]; 

しかし、私は/admin(admin:dashboard/brands)を経由して、このルートにアクセスしようとすると、私はエラーを取得:

Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'admin' 

私はルートで何かを間違ってやっていることを推測していますconfig。

どうすればこの問題を解決できますか?

答えて

0

で試してみてください:

const routes: Routes = [ 
    { 
    path: '', 
    component: DashboardComponent, 
    children: [ 
     { 
      path: 'brands', 
      loadChildren: '../pages/+brands/brands.module#BrandsModule' 
     } 
    ] 
    } 
]; 

/admin/(admin:dashboard//brands)

+0

あなたはこれのために大問題を提供できますか?私は別の方向に向けることを余儀なくされましたが、これが機能すれば、代わりにこれを使用します。 – Chrillewoodz

+0

私はplnkrでloadChildrenを使用する方法がわかりません...ここでは私がテストしたgit repoを試してみました:https://github.com/fabriziodebortoli/dynamic-routing –

0

これはクレイジーに聞こえるが、なぜadmindashboard子モジュールをしないのでしょうか?

+0

これはadminの子モジュールです。 – Chrillewoodz

関連する問題