Aller au contenu

Ajoutez une tâche via le service

Objectifs de ce chapitre

  • ✔️
    Créez une fonction dans `TaskService`
    Créez une méthode qui ajoute une nouvelle tâche au `TaskService` en fonction de l'objet de tâche passé en paramètre.

Concevez une méthode pour ajouter une tâche

Le TaskService sera responsable de la gestion de la liste des tâches comme prévu. Créez une fonction pour ajouter une tâche à la liste.

🎓 Instructions

  1. Modifiez le fichier src/app/task.service.ts.

    task.service.ts
    import { Injectable } from '@angular/core';
    import { Task } from './models/task.model';
    import {TaskForm} from './models/task-form.model';
    @Injectable({
    providedIn: 'root'
    })
    export class TaskService {
    tasks: Task[] = [
    {
    id: uuid(),
    title: 'Tâche 1',
    description: 'Description de la tâche 1',
    createdAt: new Date()
    },
    {
    id: uuid(),
    title: 'Tâche 2',
    description: 'Description de la tâche 2',
    createdAt: new Date()
    }
    ];
    addTask(task: TaskForm): void {
    this.tasks.push({
    ...task,
    id: uuid(),
    createdAt: new Date()
    });
    }
    }

Cette nouvelle fonction sera appelée depuis votre composant TaskFormComponent pour ajouter une nouvelle tâche à la liste.

✔️ Ce que vous avez appris

Vous avez créé une fonction dans le service TaskService pour isoler la logique d’ajout de tâche.