Angular2 iç içe geçmeli yönlendirici çıkışı

Question

Angular 2 ile oynuyorum ve yönlendiriciyle ilgili sorun yaşıyorum. Ana yönlendirici çıkışında ikinci bir yönlendirici çıkışı olmasını istiyorum. İlk yönlendirici-çıkışının iç

, ben ikinci yönlendirici-priz Ana sayfasına yönlendirmek:

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

Bu ithalatın olmadan benim app.routing olduğunu. HomeComponent ngOnInit günü

const appRoutes: Routes = [ 
    { path: '', component: HomeComponent }, 
    { path: 'login', component: LoginComponent}, 
    { path: 'days', component: DaysComponent, outlet: 'main'} 
]; 

export const appRoutingProviders: any[] = [ 

]; 

export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes); 

Bu

this.router.navigateByUrl('/(main:days)'); 

var Ama bu şu hatayla web çöküyor:

yakalanmamış (sözden): Hata: yüklemek için çıkış main bulamıyor 'DaysComponent'

İkinci yönlendirici çıkışını ana bölümün içinde nasıl olabilir?

Teşekkür ederiz.

Answer 1

bu yol yapılandırma ile deneyin:

const appRoutes: Routes = [ 
    { path: '', component: HomeComponent }, 
    { path: 'login', component: LoginComponent}, 

    { 
     path: 'wrap', 
     component: HomeComponent, 
     children: [ 
      { 
      path: 'days', 
      component: DaysComponent, 
      outlet: 'main' 
      } 
     ] 
    } 
]; 

ve bu URL'yi:

this.router.navigate(['/wrap', { outlets: { main: 'days' } }]); 

veya (eşdeğer)

this.router.navigateByUrl('/wrap/(aux:aux)');