Aller au contenu principal

Niveau 14 - Composants réutilisables (@Output) et suppression

Nous avons vu qu'il est possible pour un composant d'accepter des entrées via leurs attributs afin de le réutiliser dans différents contextes ou de lui fournir de l'information supplémentaire.

Il est aussi possible pour un composant enfant de communiquer avec le composant parent via un événement géré par le décorateur @Output().

Dans notre cas, imaginons que nous voulions retirer un projet de la liste de projets. Le tableau de données source est dans ProjetsIndex, alors que la gestion de l'affichage est dans ProjetsListe. Ainsi, si on veut ajouter un bouton supprimer, ce sera dans ProjetsListe, mais il faut indiquer à ProjetsIndex de retirer l'élément du tableau!

Pour cela, on peut utiliser les événements via le décorateur @Output.

Dans ce niveau

  • Communiquer avec le composant parent via Output()
  • Faire une requête DELETE de suppression