2016-07-21 7 views
2

私は複数のルーティング、特定の名前付きアウトレットにロードするコンポーネントをどのように伝えるために単一のルータ - ouletでの負荷中に問題が見つかりましたか?ルータコンセントに名前を付けるためにアウトレットを使うことができるが、私はそれをHTMLとリンクすることを知らないというRouterConfigのプロパティがあることを知りました。angular2 RC4で複数のルーティング(ルーター・アウトレット)を行う方法は?

答えて

0

https://angular.io/docs/ts/latest/api/router/index/RouterConfig-type-alias.html

2つのルータ出口とUIを定義..

<div> 
    <router-outlet></router-outlet>      
    <router-outlet name="aux"></router-outlet> 
</div> 

そしてそのルートそのスペースにコンポーネントを、ルータの設定を有します。

[{ 
    path: 'parent/:id', 
    children: [ 
    { path: 'a', component: MainChild }, 
    { path: 'b', component: AuxChild, outlet: 'aux' } 
    ] 
}] 

注:親ルートのidパラメータは、両方の子に提供されます。 IDを指定していない場合は削除してください。

+0

あなたの解決策を使用して私はエラーです:どのルートにもマッチできません: '親'。 –

+0

Angularのドキュメントのライブサンプルを使用します。 https://angular.io/resources/live-examples/router/ts/plnkr.html ルータの詳細については、こちらをご覧ください。 https://angular.io/docs/ts/latest/guide/router.html – Oblivion2000

+0

しかし、ここでも彼は子供のルーティング(名前はルータ出口)を使用していません。 –

関連する問題