angular: rutas

Aquesta és una revisió antiga del document

en vez de tener todas las rutas centralizadas, cada módulo gestiona sus propias rutas

hasta ahora:

import {GLOBAL_ROUTES} from './app.routes';
...
@NgModule({
    declarations: [
        AppComponent,HomeComponent,UsuarioComponent,
        UsuarioNuevoComponent,UsuarioEditarComponent,UsuarioDetallesComponent
    ],
    imports: [
        BrowserModule, GLOBAL_ROUTES
    ],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule { }

uso de etiquetas <router-outlet></router-outlet> necesario

rutas hijas:

const rutas: Routes = [
    { path: 'home', component: HomeComponent },
    {
        path: 'usuario/:id',
        component: UsuarioComponent,
        children: [
            { path: 'nuevo', component: UsuarioNuevoComponent },
            { path: 'editar', component: UsuarioEditarComponent },
            { path: 'detalles', component: UsuarioDetalleComponent },
            { path: '**', pathMatch: 'full', redirectTo: 'nuevo' }
        ]
    },
    { path: '**', pathMatch: 'full', redirectTo: 'home' }
];