Winkel-6 - multiple router-Steckdosen
Ich will ein Enter-comp. als übersicht und im Grunde zwei Kind-comp. Zum Beispiel ein login - und register-comp. Des weiteren möchte ich die Verwaltung dieses mit mehreren router-outlets. Aber "natürlich" das es nicht funktioniert noch. Es hält mich werfen: Error: Cannot match any routes. URL Segment: ',%20%7Boutlets:%20%7Blogin:%20%5B'login'%5D%7D%7D'
App routing config
const routes: Routes = [
{path: 'stories', component: StoriesComponent},
{path: '', component: EnterOverviewComponent, children: [
{path: 'login', component: LoginComponent, outlet: 'login'},
{path: 'register', component: RegisterComponent, outlet: 'register'},
]}
];
App-root
<app-navbar></app-navbar>
<router-outlet></router-outlet>
<router-outlet name="login"></router-outlet>
<router-outlet name="register"></router-outlet>
Navbar comp.
Erwarten, dass die Fehler hier. Ich vermute, dass ich die falsche route:
<ul class="navbar-nav ml-auto">
<li class="nav-item" routerLinkActive="active">
<a class="nav-link" routerLink="/, {outlets: {login: ['login']}}">Sign In</a>
</li>
<li class="nav-item" routerLinkActive="active">
<a class="nav-link" routerLink="/, {outlets: {register: ['register']}}">Register</a>
</li>
</ul>
Du musst angemeldet sein, um einen Kommentar abzugeben.
Das problem ist, Sie zu senden versuchen, ein Auxiliary-route als string.
routerLink
wertet den Wert auf der RHS als string. Das ist, warum Sie zu sehen bekommt, seltsame Zeichen in Ihre route. Um diese Arbeit zu machen, müssen Sie versuchen Sie, wie folgt -In Ihrem Fall
BEARBEITET
Benannt Kind-Steckdose relativ zum ROOT-route funktioniert nicht und scheint wie eine BUG
Ist ein workaround erwähnt, in der Kommentare Abschnitt.
ODER
Können Sie ändern configs wie unten -