Ejercicio de programación: Reto effects
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 un effect que registre en consola los cambios de un signal contador y proporcione cleanup para un timer.
Contenido del ejercicio
Tienes un componente con un signal contador
que se incrementa automáticamente cada segundo mediante un timer. Tu tarea es implementar un effect que:
- Registre en la consola cada cambio del contador con el formato: "Contador actualizado: X"
- Gestione correctamente el cleanup del timer cuando el effect se destruya
El componente ya tiene la estructura básica y el signal contador
definido. Solo necesitas:
- Importar la función
effect
desde '@angular/core' - Implementar el effect en el constructor
- Usar la función
onCleanup
para limpiar el timer - El timer debe incrementar el contador cada 1000ms usando
setInterval
Recuerda que el effect debe leer el signal contador
para registrar sus cambios, y el cleanup debe usar clearInterval
para evitar memory leaks.
Lección relacionada
Este ejercicio está relacionado con la lección "Effects " 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