Ejercicio de programación: Reto hooks
Este ejercicio de programación está diseñado para poner a prueba tus conocimientos en Angular. Es un ejercicio de nivel intermedio que requiere conocimientos sólidos de la tecnología.
Información adicional del ejercicio
Implementa los hooks ngOnInit y ngOnDestroy en un componente standalone para mostrar mensajes de inicialización y limpieza.
Contenido del ejercicio
Completa el componente MensajeComponent
implementando los hooks de ciclo de vida ngOnInit
y ngOnDestroy
. El componente debe mostrar un mensaje inicial cuando se inicializa y limpiar recursos cuando se destruye.
Requisitos:
- Implementa la interfaz
OnInit
e importa lo necesario desde@angular/core
- En el método
ngOnInit
, asigna el valor 'Componente inicializado correctamente' a la propiedadmensaje
- Implementa la interfaz
OnDestroy
e importa lo necesario desde@angular/core
- En el método
ngOnDestroy
, muestra en consola el mensaje 'Componente destruido' - El template ya está configurado para mostrar el mensaje
Instrucciones:
- Completa las importaciones necesarias en la línea de import
- Añade las interfaces que debe implementar la clase después de
export class MensajeComponent
- Implementa los métodos
ngOnInit
yngOnDestroy
dentro de la clase - No modifiques el template ni el selector del componente
Lección relacionada
Este ejercicio está relacionado con la lección "Hooks de ciclo de vida" de Angular. Te recomendamos revisar la lección antes de comenzar.
Ver lección relacionadaMás ejercicios de Angular
Explora más ejercicios de programación en Angular para mejorar tus habilidades y obtener tu certificación.
Ver más ejercicios de AngularSolución al ejercicio de programación en Angular
¡Desbloquea la solución completa!
Completa el ejercicio de programación en Angular para acceder a la solución paso a paso, explicaciones detalladas y mejores prácticas.
Practica con ejercicios de programación en Angular
Mejora tus habilidades con cientos de ejercicios de práctica, recibe retroalimentación instantánea y obtén tu certificación cuando estés listo.
Asistente de IA
Aprende de tus errores
Progreso
Mide tu avance
Certificación
Valida tus habilidades
Únete a miles de desarrolladores mejorando sus habilidades en Angular