Aquesta és una revisió antiga del document


angular: rutas

  • 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' }
    ];
  • development/angular/rutas.1580745001.txt.gz
  • Darrera modificació: 03/02/2020 07:50
  • per mate