2017-05-04 11 views
0

コンテンツが2つのサイドバーがある場合、同じ階層内で同じ要素ではない場合、どのようにルーティングするのですか?Angular2を使用する2サイドバーとルーティングを使用する

は、私は、彼らが同じではありませんし、私はこの作業を取得する方法を見つけ出すカント
同じ内容を表示するはずのため、私は両方のサイドバーのために別の<router-outlet>を使用傾けると思います。

私はちょうどこれが私のapp.routing.tsがファイルである

コンテナのコンテンツAを示すコンテナで左に、右サイドバーのサイドバーを示すコンテンツBを持っていると思い

const APP_ROUTES: Routes = [ 
    { path: '', redirectTo: '/Roulette', pathMatch: 'full' }, 
    { path: 'Roulette', component: RouletteComponent }, 
    { path: 'Jackpot', component: JackpotComponent }, 
    { path: 'Dice', component: DiceComponent }, 
    { path: 'Crash', component: CrashComponent }, 
    { path: 'Bingo', component: BingoComponent }, 
    { path: 'Chat', component: ChatComponent }, 
    { path: 'Account', component: AccountComponent } 
] 

答えて

0

あなたが

、以下のように使用

<router-outlet name="awesome" ></router-outlet> 

とルートで命名ルータ・コンセントを使用して検討すること

{ 
    path: 'Chat', 
    component: ChatComponent, 
    outlet: 'awesome' 
} 

読むよりおよそDisplaying multiple routes in named outlets here.

チェックこのPlunker!!

・ホープ、このことができます!

+0

実際に動作するのを待ちますか?だから私は同じcomponent.htmlで3つのアウトレットを使用することができますか?うわー、素敵な感謝の男私は今それを試してみて、あなたが私がそれを働かせたらフィードバックを与える。どうもありがとう! – Prototype

+0

@Prototype、Plunkerの例を追加、乾杯! –

+0

は魅力的に機能します!どうもありがとう!私の一日を節約し、頭を悩ませた時間をたくさん保存しました:) – Prototype

関連する問題