Ejercicio de programación con Angular: Servicio con Array
Código
Ejercicios Angular Servicio Array. Aprende a implementar servicios de arrays en Angular mediante ejercicios prácticos y ejemplos claros.
- Crea un servicio para gestionar las tareas llamado
TareaService, no es necesario que agregues los imports de Angular, solo crea la claseTareaServicecon un constructor vacío y sin el decorador@Injectable. - Dentro del servicio crea un atributo array de tareas llamado
tareasy un constructor que inicialice el array de tareas vacío. - Crea un método para obtener todas las tareas que se llame
obtenerTareasy regrese el array de tareas. - Crea un método llamado
crearTareaque reciba una tarea como parámetro y regrese un mensaje de éxito como "Tarea creada exitosamente". Utiliza el método push de los arrays para agregar la tarea al array de tareas. - Crea un método para eliminar una tarea llamado
eliminarTareaque reciba el índice de la tarea a eliminar como parámetro. El método debe recibir el índice de la tarea a eliminar y regresar un mensaje de éxito como "Tarea eliminada exitosamente" si el índice es válido o "Tarea no encontrada" si el índice no es válido. Utiliza el método splice de los arrays para eliminar la tarea del array de tareas.
Todos los ejercicios de programación de Angular
Evalúa tus conocimientos con ejercicios de programación en Angular de tipo Test, Puzzle, Código y Proyecto con VSCode.
Signals en Angular
Puzzle
Guards funcionales
Test
Decodificar JWT en Angular
Test
Servicio con HttpClient
Código
Ciclo de vida de componentes en Angular
Test
Gestión de productos de Fake Store API
Proyecto
Data binding en Angular
Test
Routes sin módulos en Angular
Código
Router en Angular
Test
Instalación de Angular
Puzzle
Route Guards basados en interfaces
Código
La directiva @if en Angular
Puzzle
Formularios reactivos en Angular
Código
Servicios en Angular
Puzzle
Interceptor funcional
Test
La directiva @for en Angular
Puzzle
Interceptores HTTP
Código
Componentes standalone true
Puzzle
Formularios con ngModel en Angular
Puzzle
Routes en Angular
Test
Comunicación entre componentes Angular
Test
Parámetros en rutas con ActivatedRoute
Test
CRUD de Restaurantes y Platos
Proyecto
Tablas en Angular Material
Puzzle
Formulario de registro de usuarios
Proyecto
Instalación y uso de NgBoostrap
Puzzle
Desarrollo de componentes Angular
Test
JWT en Angular
Código
Formularios reactivos en Angular
Puzzle
Formularios en Angular Material
Puzzle
Layout con Angular Material
Puzzle
Effects en Angular
Test
Data binding
Código
HttpClient en servicios de Angular
Puzzle
Desarrollo de módulos Angular
Puzzle
Comandos Angular CLI
Puzzle
Subir archivo en formularios
Test
La directiva routerLink en Angular
Test
Certificados de superación de Angular
Supera todos los retos de Angular y obtén estos certificados de superación para mejorar tu currículum y tu empleabilidad.
Tutorial para resolver este ejercicio de programación
Angular
Servicios en Angular
Servicios e inyección de dependencias