Cómo pasar datos a un componente Angular al enrutar
¡Hola a todos! Recientemente comencé a estudiar Angular y me encontré con el problema de pasar datos entre componentes al navegar por las rutas. Tengo una aplicación con una lista de usuarios y una página de detalle para cada usuario. Estoy usando Angular Router para la navegación, pero no puedo entender cómo pasar correctamente el ID del usuario u otros datos al componente que se muestra después de la navegación.
Aquí está mi código en TypeScript:
```typescript
// app-routing.module.ts
const routes: Routes = [
{ path: 'users', component: UserListComponent },
{ path: 'users/:id', component: UserDetailComponent }
];
// user-list.component.ts
@Component({...})
export class UserListComponent {
users = [{ id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }];
goToUser(userId: number) {
// ¿Cómo pasar userId a UserDetailComponent?
this.router.navigate(['/users', userId]);
}
}
// user-detail.component.ts
@Component({...})
export class UserDetailComponent {
// ¿Cómo obtener el dato pasado?
No answers yet.
Inicia sesión para dejar una respuesta