Un component est une entité simple :
dans une classe TypeScript, du code pour la logique
au dessus de cette classe, un décorateur @Component() contenant les metadonnées nécessaires pour "upgrader" la simple classe TypeScript en ... component justement
un template pour l'interface graphique
Nous avons vu la semaine passée comme faire communiquer le code TypeScript avec le template (et vice versa) afin de pouvoir afficher des propriétés du code vers le template ou encore de gérer des événements du DOM déclenchés depuis l'interface graphique (click event, mouseover ....) à l'aide d'event handlers que vous aurez créés dans le code TypeScript. Mais comment faire communiquer un component parent avec un component enfant ? Comment "ouvrir" le component enfant afin que le parent puisse y introduire des données ? A l'aide du décorateur @Input() :