2016-10-06 15 views
8

मैं कोणीय 2 के साथ खेल रहा हूं और मुझे राउटर के साथ कुछ परेशानी हो रही है। मैं मुख्य राउटर-आउटलेट के अंदर दूसरा राउटर-आउटलेट चाहता हूं।कोणीय 2 नेस्टेड राउटर आउटलेट

पहले रूटर-आउटलेट के अंदर, मैं होम पेज, जहां मैं दूसरे रूटर-आउटलेट के लिए अनुप्रेषित:

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

यह आयात के बिना मेरे app.routing है।

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); 

HomeComponent ngOnInit पर मैं इस

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

है लेकिन यह निम्न त्रुटि के साथ वेब दुर्घटनाओं:

Uncaught (वादा में): त्रुटि: आउटलेट मुख्य लोड करने के लिए नहीं खोजा जा सका 'DaysComponent'

मुख्य के अंदर दूसरा राउटर-आउटलेट कैसे हो सकता है?

धन्यवाद।

+0

की तरह: [सहायक रूटर-आउटलेट-अंदर प्राथमिक-राउटर-आउटलेट] (http://stackoverflow.com/questions/39893428/auxiliary-router-outlet-inside-primary-router-outlet) मेरे पास एक ही समस्या है ... –

उत्तर

9

इस मार्ग विन्यास के साथ प्रयास करें:

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

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

और इस यूआरएल:

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

या (समकक्ष)

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

बहुत बहुत धन्यवाद! – OST

संबंधित मुद्दे