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>
InformationsquelleAutor creep-story | 2018-07-07
Schreibe einen Kommentar