Recientemente comencé un nuevo proyecto basado en angular 2.0.0 en combinación con Angular Router (V3.0.0). Por lo tanto, tengo problemas con las rutas auxiliares.

Quiero dividir mi aplicación en diferentes vistas que aparecen en cada estado, como la barra de navegación, el contenido principal, el pie de página, etc. De modo que cuando el usuario interactúa con el sitio solo se debe cambiar la parte de la página (por ejemplo, el contenido) se cambia y todas las demás vistas se dejan como están. Por lo tanto, quería usar la función auxiliar de enrutadores como se discutió en esta charla:

Enrutador angular Talk @ AC2015

Configuré mis archivos de la siguiente manera:

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'}
];

Ahora el problema es: si ingreso manualmente

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

en la url del navegador, ambos componentes se muestran correctamente. Pero la redirección en app.routes.ts no funciona y aparece el siguiente error al accederhttp: // localhost: 3000 / # /:

No capturado (en promesa): Error: No puede coincidir ninguna ruta: ''

Los documentos oficiales de Angular 2 no dicen nada sobre el enrutamiento auxiliar, solo que se discutirá en el futuro. Aparte de eso, encontré algunas otras publicaciones de blog, pero ninguna de ellas discutió rutas auxiliares en combinación con redirecciones.

¿Alguien sabe cuál es mi problema o tiene problemas similares?

¿Hay otro enfoque para estructurar mi página para lograr lo que quiero?

¿Debería cambiarme a Ui-router?