Aller au contenu

Ajoutez une fonction delete dans le TaskService

Objectifs de ce chapitre

  • ✔️
    Gérez la suppression
    Découvrez comment supprimer une tâche de la liste.

La fonction deleteTask

Pour supprimer une tâche de la liste, créons une fonction deleteTask dans le service TaskService. Cette fonction supprimera la tâche de la liste en se basant sur son id.

🎓 Instructions

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

    import { Injectable } from '@angular/core';
    @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()
    }
    ];
    deleteTask(id: string): void {
    const taskIndex = this.tasks.findIndex(task => task.id === id);
    this.tasks.splice(taskIndex, 1);
    }
    }

✔️ Ce que vous avez appris

Dans ce chapitre, vous avez ajouté une fonction qui permet de supprimer une tâche de la liste en se basant sur son id dans le TaskService.