Dans Angular 2+, essayez le décorateur @Input
Il permet une belle liaison de propriété entre les composants parent et enfant.
Créez d'abord une variable globale dans le parent pour contenir l'objet / la propriété qui sera transmis à l'enfant.
Créez ensuite une variable globale dans l'enfant pour contenir l'objet / la propriété transmis par le parent.
Ensuite, dans le html parent, où le modèle enfant est utilisé, ajoutez une notation entre crochets avec le nom de la variable enfant, puis définissez-la égale au nom de la variable parent. Exemple:
<child-component-template [childVariable] = parentVariable>
</child-component-template>
Enfin, lorsque la propriété enfant est définie dans le composant enfant, ajoutez le décorateur d'entrée:
@Input()
public childVariable: any
Lorsque votre variable parent est mise à jour, elle doit transmettre les mises à jour au composant enfant, qui mettra à jour son code HTML.
De plus, pour déclencher une fonction dans le composant enfant, jetez un œil à ngOnChanges.