Ich habe kürzlich ein neues Projekt gestartet, das auf Angular 2.0.0 in Kombination mit Angular Router (V3.0.0) basiert. Dadurch habe ich Probleme mit den Nebenstrecken.

Ich möchte meine Anwendung in verschiedene Ansichten aufteilen, die in jedem Status wie Navigationsleiste, Hauptinhalt, Fußzeile usw. angezeigt werden. Wenn der Benutzer mit der Site interagiert, muss also nur der Teil der Seite geändert werden (z. B. der Inhalt) ) wird geändert und alle anderen Ansichten bleiben unverändert. Aus diesem Grund wollte ich die in diesem Vortrag besprochene Zusatzfunktion des Routers verwenden:

Angular Router Talk @ AC2015

Ich richte meine Dateien wie folgt ein:

app.html

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

<main>
    <router-outlet></router-outlet>
</main>

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

app.routes.ts

import {Routes} from '@angular/router';

export const rootRouterConfig: Routes = [
  {path: '', redirectTo: 'start(navigation:/navigation)', pathMatch: 'full'}
];

start.routes.ts

import {Routes} from '@angular/router';
import {StartContentComponent} from './startContent/startContent.component';
import {StartNavigationComponent} from "./startNavigation/startNavigation.component";  

export const startRouterConfig: Routes = [
    {path: 'start', component:  StartContentComponent},
    {path: 'navigation', component: StartNavigationComponent, outlet: 'navigation'}
];

Nun ist das Problem: Wenn ich manuell @ einge

http://localhost:3000/#/start(navigation:/navigation)

n der URL des Browsers werden beide Komponenten korrekt angezeigt. Aber die Weiterleitung in app.routes.ts funktioniert nicht und ich erhalte die folgende Fehlermeldung beim Zugriff aufhttp: // localhost: 3000 / # /:

Uncaught (in Versprechen): Fehler: Es können keine Routen gefunden werden: ''

Die offiziellen Angular 2-Dokumente sagen nichts über das Hilfsrouting aus, sondern nur, dass es in Zukunft besprochen wird. Abgesehen davon habe ich einige andere Blogposts gefunden, aber keiner von ihnen hat zusätzliche Routen in Kombination mit Weiterleitungen besprochen.

Weiß jemand was mein Problem ist oder hat er ähnliche Probleme?

Gibt es einen anderen Ansatz, um meine Seite so zu strukturieren, dass ich das erreiche, was ich will?

Soll ich vielleicht auf Ui-Router umsteigen?