複数の<router-outlet> angular2 +を使用できますか？

ルータのアウトレットが複数ある場合は、動作するコードはありませんが、<router-outlet>のログインページがAppComponentにあると仮定します。ログイン後、私はMyHomeComponentを親の<router-outlet>に表示する必要があります。さて、MyHomeComponentに私はInbox、OutboxとStarredリンクをユーザーがクリックするとinboxメッセージ、outboxメッセージ、starredメッセージを表示したい子<router-outlet>をしたい、ということを前提としています。あなたは1つのプライマリを持つことができますこの質問に複数の<router-outlet> angular2 +を使用できますか？

AppComponent <router-outlet></router-outlet>、

HomeComponent

<a routerLink="/xyz">Inbox</a> 
<a routerLink="/abc">Outbox</a> 
<router-outlet name='outlet1'></router-outlet>

マイルートパス

{ path: 'login', component: LoginComponent}, 
{ path: '', component: LoginComponent }, 
{ path: 'user', children:[ 
     { path: ':name',children:[ 
       {path:'abc', component: InboxComponent, outlet: 'outlet1' },          
       {path:'xyz', component: OutboxComponent, outlet:'outlet1' } 
    ] }]}, 
    { path: '**', component: PageNotFoundComponent }

出典

2016-09-09 Mr_Perfect

/crisis-center(aux:chat;open=true)"

見られるような()内のURLに反映されますか？ –

を答えを見つけるために私を助けてください<router-outlet>すべてのルートと追加の名前は<router-outlet name="abc">です。これらの指定されたアウトレットに対処するルートは補助ルートと呼ばれます。どのようにこの問題を解決なかったこれらのルートはまた

出典

2016-09-09 06:52:00

私は、一次アウトレットにログインページを表示し、ログイン後に同じコンセントにホームページを表示するようなことをしました。今、私は子供のルーターのコンセントに受信トレイと送信トレイのメッセージを表示したいと思いますが、もしあなたが言ったように使用すると、一次アウトレットは子アウトレットに置き換えられます –

私は非常によく自分自身を助けていますが、私は問題を診断する方法を全く見ていませんでした。 –

質問を編集してコードを追加してください。コメントのコードは読めません。 –

複数の<router-outlet> angular2 +を使用できますか？

答えて

関連する問題