So konfigurieren Sie untergeordnete Routen ordnungsgemäß Fehler: Nicht abgefangen (in Aussicht): Fehler: Es können keine Routen gefunden werden. URL-Segment: 'Eltern/Kind1

Question

Ich erhalte den folgenden Fehler nach der Konfiguration untergeordneter Routen.

Fehler: Uncaught (im Versprechen): Fehler: Keine Routen gefunden. URL Segment: ‚Eltern/child1

app.routing.ts

{ path: 'home', component: homeComponent}, 
    { path: 'about', component: aboutComponent}, 
    { path: 'parent', component: parentComponent, 
    children:[ 
    { 
     path: '', 
     redirectTo: '/parent/child1', 
     pathMatch: 'full' 
    }, 
    { 
     path: 'child1', 
     component: child1Component, 
     outlet: 'subRouter' 
    }, 
    { 
     path: 'child2', 
     component: child2Component, 
     outlet: 'subRouter' 
    }] 
    }, 
{ path: '**', redirectTo: 'home', pathMatch: 'full' } 

In meinem index.html habe ich <router-outlet></router-outlet>

In meinem parent.htm (Parent) Ich habe <router-outlet name="subRouter"></router-outlet>

Was fehlt mir? Warum bekomme ich diesen Fehler? Wie kann ich diesen Fehler beheben?

Answer 1

Die parent Route Kinder '' Weg Umleitung sollte unten geändert und ausdrücklich outlet:component Wert erwähnen.

redirectTo: '/child1(subRouter:child1)' 

Da /parent implizit enthalten sein, wie Sie von den Kindern Route mich umgeleitet wird.