Aquesta és una revisió antiga del document
angular: rutas
rutas hijas
- 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' } ];