#16: 🎁 Ajouter des items avec le service

Améliorons notre service en ajoutant plus de fonctionnalités qui seront utilisées par nos composants. Tout d'abord, nous allons implémenter l'ajout d'un élément à la liste.

Ajouter un élément

Ajoutons une nouvelle méthode au service, appelée addItem, comme ceci:

src/app/services/todo-list.service.ts

addItem(item: TodoItem): void { 
  this.todoList.push(item);
}

Maintenant nous pouvons changer notre composant list-manager pour appeler la méthode addItem directement depuis le service:

src/app/list-manager/list-manager.component.ts

addItem(title: string): void {
    this.todoListService.addItem({ title });
}

• Notez que la méthode du service attend l'élément entier, tandis que la méthode du composant n'attend que le titre et construit l'élément (vous pouvez décider de laisser le service construire l'élément à partir du titre).

• Il peut y avoir une logique supplémentaire lors de l'appel de ces méthodes, par exemple enregistrer les modifications dans une base de données (que nous implémenterons plus tard).

• Une meilleure façon de gérer les données est d'utiliser des objets immuables, mais c'est un sujet plus vaste que nous ne pouvons couvrir dans ce tutoriel pour le moment.

💾 Pusher votre code sur GitHub

Committez tous vos changements en exécutant cette commande dans votre répertoire de projet.

git add -A && git commit -m "votre message de commit"

Pusher vos changements sur GitHub en exécutant cette commande dans votre répertoire de projet.

git push