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