2016-09-09 17 views
6

Birden fazla yönlendirici çıkışına sahip olmak mümkün ise, çalışan bir kodum yok, ancaknumaralı telefondan <router-outlet> numaralı ana sayfamda giriş sayfam olduğunu varsayalım. Giriş yaptıktan sonra <router-outlet> numaralı telefondan MyHomeComponent göstermem gerekiyor. Şimdi MyHomeComponent yılında bir çocuğa ben kullanıcı Inbox, Outbox ve Starred linklere tıklar olarak inbox mesajları, outbox mesajları, starred mesajları göstermek istediğiniz <router-outlet> istiyorum varsayalım. Tek bir birincil olabilir bu soruyaBirden çok <router-outlet> angular2 + alabilir miyiz?

AppComponent <router-outlet></router-outlet>,

HomeComponent

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

Benim yolları yolları

{ 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 } 
+0

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

See gibi () içindeki URL'de yansır? –

cevap

6

bir cevap bulmak için bana yardım edin <router-outlet> Her rota ve ek için <router-outlet name="abc"> s. Bu adlandırılmış çıkışlara hitap eden yollara yardımcı yollar denir. Bunu nasıl çözmek vermedi Bu rotalar da

+0

İlk çıkışta Showed giriş sayfası gibi bir şey yaptım ve giriş yaptıktan sonra Ana Sayfa'yı aynı çıkışta gösterdim. Şimdi, çocuk yönlendirici çıkışında gelen kutusu ve giden mesajları göstermek istiyorum ama eğer dediğim gibi kullanırsam, birincil çıkış –

+0

çocuk çıkışında değiştirilir. Yolları çok iyi bilmiyorum ama ne olduğunu gösteren kodu görmeden denedim, problemi teşhis etmenin bir yolunu görmedim. –

+0

Lütfen sorunuzunuzu düzenleyin ve orada kodu ekleyin. Yorumlardaki kod okunamıyor. –

İlgili konular